/* =========================================================
   VOH SOCIAL SECTION LOCK — 2026-08-23
   Cleaner, slightly contemporary, still inside VOH dark/gold DNA.
   Verified public links only: Instagram + YouTube.
   ========================================================= */
#social.social-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(6,5,4,.91) 54%,rgba(20,12,7,.82) 100%),
    url('assets/images/site/voh-cinematic-backdrop.jpg') center 66%/cover no-repeat;
  border-top:1px solid rgba(218,168,82,.15);
  border-bottom:1px solid rgba(218,168,82,.12);
}
#social.social-section:before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 82% 42%,rgba(202,138,48,.12),transparent 31%);
  pointer-events:none;
}
#social .social-intro,
#social .social-grid{position:relative;z-index:1}
#social .social-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,.34fr);
  align-items:end;
  gap:clamp(34px,7vw,120px);
  margin-bottom:clamp(34px,4vw,58px);
}
#social .section-head{margin:0;max-width:900px}
#social .section-head h2{
  color:#f2eadc;
  max-width:780px;
  font-family:var(--voh-font-display)!important;
  font-size:clamp(2.85rem,5vw,5rem)!important;
  line-height:.95!important;
  font-weight:500!important;
}
#social .social-note{
  margin:22px 0 0;
  max-width:560px;
  color:rgba(239,228,210,.62);
  font-family:var(--voh-font-body)!important;
  font-size:.9rem;
  line-height:1.6;
}
#social .social-brand-mark{
  justify-self:end;
  width:min(240px,100%);
  opacity:.72;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.22));
}
#social .social-brand-mark img{display:block;width:100%;height:auto}
#social .social-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
#social .social-card{
  min-height:360px;
  position:relative;
  overflow:hidden;
  padding:clamp(24px,3vw,38px);
  border:1px solid rgba(220,171,89,.23);
  background:linear-gradient(145deg,rgba(11,10,9,.84),rgba(6,6,6,.70));
  color:#efe6d6;
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
  isolation:isolate;
}
#social .social-card:before{
  content:"";
  position:absolute;inset:auto -12% -35% 38%;height:70%;
  background:radial-gradient(circle,rgba(190,125,38,.15),transparent 62%);
  z-index:-1;
  transition:opacity .22s ease;
}
#social .social-card:hover{
  transform:translateY(-3px);
  border-color:rgba(226,176,89,.52);
  background:linear-gradient(145deg,rgba(16,13,10,.92),rgba(8,7,6,.78));
}
#social .social-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
#social .social-platform,
#social .social-open{
  font-family:var(--voh-font-caps)!important;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:500;
  color:#d8a74f;
}
#social .social-platform{font-size:.72rem}
#social .social-arrow{font-size:1.2rem;color:#d8a74f;line-height:1}
#social .social-card-mark{
  align-self:center;
  width:84px;height:84px;
  display:grid;place-items:center;
  margin:26px 0 22px;
  border:1px solid rgba(216,167,79,.18);
  border-radius:50%;
  background:rgba(0,0,0,.22);
}
#social .social-card-mark img{width:68%;height:68%;object-fit:contain;display:block}
#social .social-card-logo{border-radius:0;width:148px;height:84px;border:0;background:transparent;place-items:start}
#social .social-card-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
#social .social-card-copy small{
  display:block;
  color:rgba(226,210,188,.62);
  font-family:var(--voh-font-caps)!important;
  font-size:.65rem;
  letter-spacing:.11em;
  text-transform:none;
  margin:0 0 10px;
}
#social .social-card-copy strong{
  display:block;
  margin:0 0 12px;
  color:#f1e9dc;
  font-family:var(--voh-font-display)!important;
  font-size:clamp(2rem,3vw,2.8rem)!important;
  line-height:.95!important;
  font-weight:600!important;
}
#social .social-card-copy p{
  margin:0;
  max-width:520px;
  color:rgba(230,218,199,.66);
  font-family:var(--voh-font-body)!important;
  font-size:.92rem;
  font-weight:300!important;
  line-height:1.65;
}
#social .social-open{
  display:block;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(222,172,84,.15);
  font-size:.67rem;
}
@media(max-width:800px){
  #social .social-intro{grid-template-columns:1fr;gap:24px}
  #social .social-brand-mark{justify-self:start;width:190px}
  #social .social-grid{grid-template-columns:1fr}
  #social .social-card{min-height:330px}
}
@media(max-width:540px){
  #social.social-section{padding-left:22px!important;padding-right:22px!important;background-position:66% 70%}
  #social .section-head h2{font-size:clamp(2.45rem,12vw,3.55rem)!important}
  #social .social-note{font-size:.84rem}
  #social .social-card{padding:24px;min-height:310px}
  #social .social-card-mark{width:72px;height:72px}
  #social .social-card-logo{width:132px;height:70px}
  #social .social-card-copy strong{font-size:2.15rem!important}
}

/* Four-platform social plan: Instagram + YouTube live, Facebook + Threads reserved. */
#social .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#social .social-card.pending{cursor:default;opacity:.72;}
#social .social-card.pending:hover{transform:none;border-color:rgba(220,171,89,.23);background:linear-gradient(145deg,rgba(11,10,9,.84),rgba(6,6,6,.70));}
#social .social-card.pending .social-arrow{opacity:.55;}
#social .social-card.pending .social-open{color:rgba(216,167,79,.62);}
@media(max-width:800px){#social .social-grid{grid-template-columns:1fr;}}