/* =========================================================
   V85 — Video Guidance design consistency
   Restores the Signal House editorial hierarchy while keeping
   the approved six-tile mosaic and dashboard-managed media.
   ========================================================= */
.video-guides-section.video-guides-gallery.video-guides-consistent{
  position:relative !important;
  padding:112px 0 120px !important;
  background:var(--paper) !important;
  overflow:hidden !important;
}
.video-guides-section.video-guides-gallery.video-guides-consistent:before{
  display:block !important;
  content:"WATCH" !important;
  position:absolute !important;
  right:-24px !important;
  top:48px !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(118px,14vw,220px) !important;
  line-height:.78 !important;
  letter-spacing:-.07em !important;
  color:rgba(16,16,15,.028) !important;
  pointer-events:none !important;
}
.video-guides-consistent .video-guides-shell{
  position:relative !important;
  z-index:2 !important;
}
.video-guides-consistent .video-guides-editorial-head{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr) !important;
  gap:72px !important;
  align-items:end !important;
  margin:0 0 48px !important;
}
.video-guides-consistent .video-guides-title-block .eyebrow{
  display:block !important;
  margin:0 0 18px !important;
  color:var(--ink) !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.22em !important;
}
.video-guides-consistent .video-guides-title{
  max-width:780px !important;
  margin:0 !important;
  font-size:clamp(48px,4.25vw,68px) !important;
  line-height:.96 !important;
  letter-spacing:-.048em !important;
  font-weight:400 !important;
}
.video-guides-consistent .video-guides-title em{
  color:var(--accent) !important;
  font-weight:400 !important;
}
.video-guides-consistent .video-guides-aside{
  position:relative !important;
  padding:0 0 7px 28px !important;
  border-left:1px solid var(--line) !important;
}
.video-guides-consistent .video-guides-intro{
  max-width:420px !important;
  margin:0 0 23px !important;
  color:var(--muted) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  line-height:1.62 !important;
}
.video-guides-consistent .video-guides-range{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--ink) !important;
  font-size:8px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
}
.video-guides-consistent .video-guides-range:before{
  content:"" !important;
  width:34px !important;
  height:1px !important;
  background:var(--accent) !important;
}

.video-guides-consistent .video-guides-grid.video-guides-mosaic{
  width:100% !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.34fr) minmax(0,.53fr) minmax(0,.53fr) !important;
  grid-template-rows:328px 286px !important;
  gap:18px !important;
}
.video-guides-consistent .video-guide-card{
  position:relative !important;
  min-width:0 !important;
  display:block !important;
  background:#d3cdc3 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.video-guides-consistent .video-guide-card.guide-1{grid-column:1 !important;grid-row:1 !important}
.video-guides-consistent .video-guide-card.guide-2{grid-column:1 !important;grid-row:2 !important}
.video-guides-consistent .video-guide-card.guide-3{grid-column:2 !important;grid-row:1 !important}
.video-guides-consistent .video-guide-card.guide-4{grid-column:3 !important;grid-row:1 !important}
.video-guides-consistent .video-guide-card.guide-5{grid-column:2 !important;grid-row:2 !important}
.video-guides-consistent .video-guide-card.guide-6{grid-column:3 !important;grid-row:2 !important}
.video-guides-consistent .video-guide-media{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#d3cdc3 !important;
  overflow:hidden !important;
  cursor:pointer !important;
  text-align:left !important;
}
.video-guides-consistent .video-guide-media[aria-disabled="true"]{
  cursor:default !important;
}
.video-guides-consistent .video-guide-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:scale(1.001) !important;
  filter:saturate(.88) contrast(1.015) !important;
  transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .55s ease !important;
}
.video-guides-consistent .video-guide-shade{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.01) 42%,rgba(0,0,0,.64) 100%) !important;
  opacity:.8 !important;
  transition:opacity .35s ease !important;
}
.video-guides-consistent .video-guide-number{
  position:absolute !important;
  z-index:3 !important;
  top:17px !important;
  right:18px !important;
  color:rgba(255,255,255,.88) !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
}
.video-guides-consistent .video-guide-caption{
  position:absolute !important;
  z-index:3 !important;
  left:22px !important;
  right:72px !important;
  bottom:20px !important;
  display:block !important;
  color:#fff !important;
  pointer-events:none !important;
}
.video-guides-consistent .video-guide-caption-label{
  display:block !important;
  margin:0 0 7px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:8px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.video-guides-consistent .video-guide-caption-title{
  display:block !important;
  max-width:500px !important;
  font-size:24px !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
}
.video-guides-consistent .guide-3 .video-guide-caption-title,
.video-guides-consistent .guide-4 .video-guide-caption-title,
.video-guides-consistent .guide-5 .video-guide-caption-title,
.video-guides-consistent .guide-6 .video-guide-caption-title{
  font-size:18px !important;
  line-height:1.04 !important;
}
.video-guides-consistent .guide-3 .video-guide-caption,
.video-guides-consistent .guide-4 .video-guide-caption,
.video-guides-consistent .guide-5 .video-guide-caption,
.video-guides-consistent .guide-6 .video-guide-caption{
  left:17px !important;
  right:58px !important;
  bottom:17px !important;
}
.video-guides-consistent .video-guide-play{
  position:absolute !important;
  z-index:4 !important;
  left:auto !important;
  top:auto !important;
  right:20px !important;
  bottom:20px !important;
  transform:none !important;
  width:44px !important;
  height:44px !important;
  padding:0 0 0 2px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:50% !important;
  background:rgba(16,16,15,.2) !important;
  backdrop-filter:blur(6px) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  font-size:10px !important;
  opacity:1 !important;
  transition:background .3s ease,color .3s ease,transform .3s ease,border-color .3s ease !important;
}
.video-guides-consistent .guide-3 .video-guide-play,
.video-guides-consistent .guide-4 .video-guide-play,
.video-guides-consistent .guide-5 .video-guide-play,
.video-guides-consistent .guide-6 .video-guide-play{
  right:15px !important;
  bottom:15px !important;
  width:38px !important;
  height:38px !important;
}
.video-guides-consistent .video-guide-media:not([aria-disabled="true"]):hover img{
  transform:scale(1.04) !important;
  filter:saturate(.98) contrast(1.02) !important;
}
.video-guides-consistent .video-guide-media:not([aria-disabled="true"]):hover .video-guide-shade{
  opacity:.92 !important;
}
.video-guides-consistent .video-guide-media:not([aria-disabled="true"]):hover .video-guide-play,
.video-guides-consistent .video-guide-media:not([aria-disabled="true"]):focus-visible .video-guide-play{
  background:#fff !important;
  color:var(--ink) !important;
  border-color:#fff !important;
  transform:translateY(-2px) !important;
}
.video-guides-consistent .video-guide-media:focus-visible{
  outline:2px solid var(--accent) !important;
  outline-offset:-2px !important;
}
.video-guides-consistent .video-guide-media[aria-disabled="true"] .video-guide-caption-label:after{
  content:" · Coming soon" !important;
  color:rgba(255,255,255,.68) !important;
  font-weight:400 !important;
}

@media(max-width:1100px){
  .video-guides-section.video-guides-gallery.video-guides-consistent{
    padding:92px 0 100px !important;
  }
  .video-guides-consistent .video-guides-editorial-head{
    grid-template-columns:1fr !important;
    gap:25px !important;
    margin-bottom:38px !important;
  }
  .video-guides-consistent .video-guides-aside{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:30px !important;
    align-items:end !important;
    padding:0 !important;
    border-left:0 !important;
  }
  .video-guides-consistent .video-guides-intro{
    max-width:650px !important;
    margin:0 !important;
  }
  .video-guides-consistent .video-guides-grid.video-guides-mosaic{
    grid-template-columns:1.25fr .56fr .56fr !important;
    grid-template-rows:285px 250px !important;
    gap:16px !important;
  }
}

@media(max-width:760px){
  .video-guides-section.video-guides-gallery.video-guides-consistent{
    padding:72px 0 76px !important;
  }
  .video-guides-section.video-guides-gallery.video-guides-consistent:before{
    font-size:112px !important;
    top:25px !important;
    right:-26px !important;
  }
  .video-guides-consistent .video-guides-editorial-head{
    margin-bottom:30px !important;
  }
  .video-guides-consistent .video-guides-title{
    font-size:clamp(42px,12vw,54px) !important;
  }
  .video-guides-consistent .video-guides-aside{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .video-guides-consistent .video-guides-grid.video-guides-mosaic{
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
    gap:12px !important;
  }
  .video-guides-consistent .video-guide-card{
    grid-column:auto !important;
    grid-row:auto !important;
    aspect-ratio:1.08/1 !important;
  }
  .video-guides-consistent .video-guide-card.guide-1,
  .video-guides-consistent .video-guide-card.guide-2{
    grid-column:1/-1 !important;
    aspect-ratio:1.62/1 !important;
  }
  .video-guides-consistent .video-guide-caption{
    left:16px !important;
    right:56px !important;
    bottom:15px !important;
  }
  .video-guides-consistent .video-guide-caption-title,
  .video-guides-consistent .guide-3 .video-guide-caption-title,
  .video-guides-consistent .guide-4 .video-guide-caption-title,
  .video-guides-consistent .guide-5 .video-guide-caption-title,
  .video-guides-consistent .guide-6 .video-guide-caption-title{
    font-size:18px !important;
  }
  .video-guides-consistent .video-guide-play,
  .video-guides-consistent .guide-3 .video-guide-play,
  .video-guides-consistent .guide-4 .video-guide-play,
  .video-guides-consistent .guide-5 .video-guide-play,
  .video-guides-consistent .guide-6 .video-guide-play{
    right:14px !important;
    bottom:14px !important;
    width:38px !important;
    height:38px !important;
  }
}

@media(max-width:480px){
  .video-guides-consistent .video-guides-grid.video-guides-mosaic{
    grid-template-columns:1fr !important;
  }
  .video-guides-consistent .video-guide-card,
  .video-guides-consistent .video-guide-card.guide-1,
  .video-guides-consistent .video-guide-card.guide-2{
    grid-column:auto !important;
    aspect-ratio:16/10 !important;
  }
  .video-guides-consistent .video-guide-caption-title,
  .video-guides-consistent .guide-3 .video-guide-caption-title,
  .video-guides-consistent .guide-4 .video-guide-caption-title,
  .video-guides-consistent .guide-5 .video-guide-caption-title,
  .video-guides-consistent .guide-6 .video-guide-caption-title{
    font-size:20px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .video-guides-consistent .video-guide-media img,
  .video-guides-consistent .video-guide-play,
  .video-guides-consistent .video-guide-shade{
    transition:none !important;
  }
}
