/* VOH Videos Tab — locked visual system, 2026-08-23 */
#videos.voh-video-library{
  position:relative;
  overflow:hidden;
  background:rgba(2,2,2,.88)!important;
}
#videos.voh-video-library::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 70% 5%,rgba(199,128,36,.16),transparent 37%),
    radial-gradient(circle at 14% 78%,rgba(92,40,20,.15),transparent 30%),
    linear-gradient(180deg,rgba(2,2,2,.68),rgba(2,2,2,.94));
}
#videos.voh-video-library>*{position:relative;z-index:1}
#videos .video-library-head{max-width:980px;margin-bottom:38px}
#videos .video-library-head h2{max-width:16ch}
#videos .video-library-intro{max-width:690px;margin:16px 0 0;color:var(--hard-soft,#b8aa9a);font-family:var(--voh-body);font-size:1rem;line-height:1.7}

.video-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.video-feature-card{overflow:hidden;border:1px solid rgba(212,160,80,.24);background:linear-gradient(180deg,rgba(18,14,10,.60),rgba(3,3,3,.82))}
.video-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-bottom:1px solid rgba(212,160,80,.18)}
.video-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.video-feature-copy{padding:24px 24px 26px}
.video-feature-copy small{display:block;margin-bottom:10px;color:var(--final-gold,#d4a050);text-transform:uppercase;letter-spacing:.14em;font:500 .7rem/1.2 var(--voh-ui)}
.video-feature-copy h3{margin:0 0 9px;color:var(--hard-ivory,#f0eadf);font-family:var(--voh-display);font-size:clamp(1.7rem,2.7vw,2.5rem);font-weight:500;line-height:1}
.video-feature-copy p{margin:0;color:var(--hard-soft,#aaa198);font-family:var(--voh-body);line-height:1.55}

.video-reels-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:60px 0 18px;border-top:1px solid rgba(212,160,80,.18);padding-top:28px}
.video-reels-head .eyebrow{margin:0}
.video-reels-head h3{margin:0;color:var(--hard-ivory,#f0eadf);font-family:var(--voh-display);font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:500}
.video-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.video-reel-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;border:1px solid rgba(212,160,80,.24);background:rgba(4,3,2,.78);overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.video-reel-card:hover{border-color:rgba(212,160,80,.55);transform:translateY(-2px)}
.video-reel-card img{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#050403}
.video-reel-card span{padding:15px 16px 17px;color:var(--final-gold,#d4a050);font-family:var(--voh-ui);font-size:.76rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}

@media (max-width:900px){
  .video-feature-grid{grid-template-columns:1fr}
  .video-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .video-reels-head{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){
  #videos .video-library-head{margin-bottom:24px}
  .video-feature-grid{gap:14px;margin-top:20px}
  .video-feature-copy{padding:20px 18px 22px}
  .video-reels-head{margin-top:44px}
  .video-reel-grid{grid-template-columns:1fr}
  .video-reel-card img{aspect-ratio:auto;max-height:none;object-fit:contain}
}

/* Dedicated AI Videos section — locked patch */
#ai-videos.ai-videos-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(4,4,4,.94),rgba(10,7,4,.92),rgba(4,4,4,.95))!important;
}
#ai-videos.ai-videos-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 12%,rgba(211,134,41,.14),transparent 28%),
    radial-gradient(circle at 18% 85%,rgba(96,46,21,.16),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.28));
}
#ai-videos.ai-videos-section > *{position:relative;z-index:1}
#ai-videos .ai-videos-head{max-width:960px;margin-bottom:34px}
#ai-videos .ai-videos-head h2{max-width:14ch}
#ai-videos .ai-videos-intro{max-width:760px;margin:16px 0 0;color:var(--hard-soft,#b8aa9a);font-family:var(--voh-body);font-size:1rem;line-height:1.7}

.ai-videos-stack{position:relative;min-height:820px;max-width:1100px;margin:0 auto}
.ai-video-card{
  position:absolute;top:0;left:50%;width:min(100%,380px);
  transform:translateX(-50%) scale(.9);
  opacity:0;pointer-events:none;
  transition:transform .45s ease,opacity .35s ease,filter .35s ease;
  border:1px solid rgba(212,160,80,.24);
  background:linear-gradient(180deg,rgba(14,12,10,.94),rgba(3,3,3,.96));
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.ai-video-card.is-active{
  opacity:1;pointer-events:auto;z-index:3;
  transform:translateX(-50%) translateY(0) scale(1);
}
.ai-video-card.is-prev{
  opacity:.72;z-index:2;pointer-events:none;
  transform:translateX(calc(-50% - 220px)) translateY(56px) scale(.9) rotate(-3deg);
  filter:brightness(.82);
}
.ai-video-card.is-next{
  opacity:.72;z-index:1;pointer-events:none;
  transform:translateX(calc(-50% + 220px)) translateY(56px) scale(.9) rotate(3deg);
  filter:brightness(.82);
}
.ai-video-frame{aspect-ratio:9/16;background:#050403;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(212,160,80,.18)}
.ai-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#050403}
.ai-video-copy{padding:20px 20px 22px}
.ai-video-copy small{display:block;margin-bottom:10px;color:var(--final-gold,#d4a050);text-transform:uppercase;letter-spacing:.14em;font:500 .7rem/1.2 var(--voh-ui)}
.ai-video-copy h3{margin:0 0 9px;color:var(--hard-ivory,#f0eadf);font-family:var(--voh-display);font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:500;line-height:1}
.ai-video-copy p{margin:0;color:var(--hard-soft,#aaa198);font-family:var(--voh-body);line-height:1.55}
.ai-videos-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:30px}
.ai-videos-nav{
  min-width:52px;height:52px;padding:0 16px;border-radius:999px;
  border:1px solid rgba(212,160,80,.3);background:rgba(8,7,6,.86);color:var(--final-gold,#d4a050);
  font:500 1rem/1 var(--voh-ui);cursor:pointer;
}
.ai-videos-dots{display:flex;align-items:center;gap:8px}
.ai-videos-dots i{display:block;width:6px;height:6px;border-radius:50%;background:rgba(211,164,79,.28);transition:transform .25s ease,background .25s ease}
.ai-videos-dots i.is-active{background:var(--final-gold,#d4a050);transform:scale(1.35)}

#videos.ai-video-anchor{padding-top:28px;padding-bottom:34px}
#videos.ai-video-anchor .video-library-head{max-width:740px;margin-bottom:0}
#videos.ai-video-anchor .ai-videos-jump{margin-top:18px;display:inline-flex}

@media (max-width:1100px){
  .ai-videos-stack{min-height:760px}
  .ai-video-card{width:min(100%,340px)}
  .ai-video-card.is-prev{transform:translateX(calc(-50% - 170px)) translateY(48px) scale(.88) rotate(-3deg)}
  .ai-video-card.is-next{transform:translateX(calc(-50% + 170px)) translateY(48px) scale(.88) rotate(3deg)}
}
@media (max-width:900px){
  .ai-videos-stack{min-height:auto;display:block;max-width:420px}
  .ai-video-card{position:relative;left:auto;top:auto;width:100%;display:none;transform:none!important;opacity:1!important;filter:none!important}
  .ai-video-card.is-active{display:block}
}
@media (max-width:640px){
  #ai-videos .ai-videos-head{margin-bottom:22px}
  #ai-videos .ai-videos-intro{font-size:.95rem;line-height:1.65}
  .ai-videos-stack{max-width:100%}
  .ai-video-card{margin:0 auto;border-color:rgba(212,160,80,.22)}
  .ai-video-frame{aspect-ratio:9/16;max-height:none}
  .ai-video-frame video{object-fit:contain}
  .ai-video-copy{padding:18px 16px 20px}
  .ai-videos-controls{margin-top:18px}
  .ai-videos-nav{min-width:46px;height:46px}
}