/* ==========================================================================
   onair.css — On Air hub (community.html), rebuilt reviews page, and the
   homepage "On air" teaser. Additive on top of site.css v4.0 + v14.css.
   Mobile-first: every block authored at phone width, widened with min-width.
   ========================================================================== */

/* ---------- video facade: a poster + play button until tapped ---------- */
.vid{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;
  border:1px solid var(--line);background:#120c08;cursor:pointer;padding:0;color:inherit;font:inherit;text-align:left;
  transition:border-color .3s ease,transform .5s var(--ease)}
@media(hover:hover){.vid:hover{border-color:var(--line2);transform:translateY(-3px)}}
.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.02) contrast(1.04) brightness(.8);transition:filter .4s ease,transform .8s var(--ease)}
@media(hover:hover){.vid:hover img{filter:saturate(1.08) contrast(1.05) brightness(.92);transform:scale(1.03)}}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(14,9,7,.88))}
.vid__play{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;
  background:var(--red);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 6px rgba(226,60,44,.22);
  transition:transform .35s var(--ease),box-shadow .35s ease}
.vid__play::before{content:"";margin-left:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
@media(hover:hover){.vid:hover .vid__play{transform:scale(1.08);box-shadow:0 12px 34px rgba(0,0,0,.5),0 0 0 10px rgba(226,60,44,.18)}}
.vid__meta{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:.85rem 1rem;display:flex;gap:.8rem;align-items:flex-end;justify-content:space-between}
.vid__meta b{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(.95rem,3.2vw,1.1rem);line-height:1.1;color:var(--cream);text-wrap:balance}
.vid__meta span{flex:none;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;color:var(--gold);padding:.25rem .45rem;border:1px solid var(--line2);border-radius:.35rem;background:rgba(14,9,7,.6)}
.vid--cine{aspect-ratio:2.4/1}
.vid--cine img{transform:scale(1.08)}
.vid--lb img{transform:scale(1.4)}
@media(hover:hover){.vid--cine:hover img{transform:scale(1.11)}.vid--lb:hover img{transform:scale(1.43)}}
.vid--lead .vid__play{width:84px;height:84px;margin:-42px 0 0 -42px}
.vid--lead .vid__play::before{border-width:14px 0 14px 23px}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.vid.is-playing::after,.vid.is-playing .vid__play,.vid.is-playing .vid__meta{display:none}
.vid:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.vgrid{display:grid;gap:clamp(.9rem,2vw,1.3rem);margin-top:clamp(1.6rem,4vw,2.4rem);
  grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
  padding-bottom:.8rem;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.vgrid>.vid{scroll-snap-align:start}
@media(min-width:620px){.vgrid{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding-bottom:0;grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.vgrid{grid-template-columns:repeat(3,1fr)}}
.vgrid .tag{display:inline-block;margin-left:.35rem;color:var(--olive)}
.vnote{margin-top:1.1rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.vnote a{color:var(--gold2)}

/* ---------- hero split ---------- */
.oahero{position:relative;overflow:hidden;
  background:radial-gradient(110% 80% at 85% 10%,rgba(226,60,44,.12),transparent 60%),
             radial-gradient(90% 70% at 10% 90%,rgba(232,176,74,.08),transparent 60%),
             linear-gradient(180deg,var(--bg2),var(--bg))}
.oahero__in{display:grid;gap:clamp(1.6rem,4vw,3rem);align-items:center;grid-template-columns:1fr}
@media(min-width:960px){.oahero__in{grid-template-columns:.95fr 1.05fr}}
.oahero h1{font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;
  font-size:clamp(2.5rem,9vw,5rem);margin-top:1rem;text-wrap:balance}
.oahero h1 em,.h2 em{font-style:normal;color:var(--gold)}
.oahero__cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}
.onair-dot{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--cream);padding:.35rem .6rem;border-radius:.35rem;background:rgba(226,60,44,.16);border:1px solid rgba(226,60,44,.4)}
.onair-dot i{width:8px;height:8px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 0 rgba(255,90,69,.6)}
.onair-dot i{animation:oaPulse 1.8s ease-out infinite} /* motion forced on */
@keyframes oaPulse{0%{box-shadow:0 0 0 0 rgba(255,90,69,.55)}80%,100%{box-shadow:0 0 0 9px rgba(255,90,69,0)}}

/* ---------- feature split (UTSA / KSAT) ---------- */
.feat{display:grid;gap:clamp(1.4rem,4vw,2.6rem);align-items:center;grid-template-columns:1fr}
@media(min-width:900px){.feat{grid-template-columns:1.05fr .95fr}.feat--flip>:first-child{order:2}}
.feat__media{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:560px){.feat__media--pair{grid-template-columns:1.35fr 1fr}}
.feat__media figure{margin:0;border-radius:1rem;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.feat__media img{display:block;width:100%;height:100%;object-fit:cover}
.pull{margin:1.4rem 0 0;padding:1.1rem 1.2rem;border-left:2px solid var(--red);background:rgba(36,24,17,.55);border-radius:0 .8rem .8rem 0}
.pull p{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.05rem,3.4vw,1.28rem);line-height:1.3;color:var(--cream);text-wrap:pretty}
.pull cite{display:block;margin-top:.6rem;font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.pull cite a{color:var(--gold2)}
.facts{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.55rem}
.facts li{position:relative;padding-left:1.3rem;color:var(--t2);font-size:.95rem;text-wrap:pretty}
.facts li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:1px;background:var(--red2)}

/* ---------- press cards ---------- */
.pgrid{display:grid;gap:clamp(.8rem,2vw,1.2rem);grid-template-columns:1fr;margin-top:clamp(1.6rem,4vw,2.4rem)}
@media(min-width:680px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.pgrid{grid-template-columns:repeat(3,1fr)}}
.pcard{display:flex;flex-direction:column;gap:.7rem;padding:clamp(1.1rem,3vw,1.4rem);border:1px solid var(--line);border-radius:1rem;
  background:linear-gradient(168deg,rgba(44,28,21,.6),rgba(22,14,10,.88));min-height:100%;
  transition:transform .45s var(--ease),border-color .3s ease}
@media(hover:hover){.pcard:hover{transform:translateY(-4px);border-color:var(--line2)}}
.pcard__top{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.pcard__top img{height:34px;width:auto;max-width:120px;object-fit:contain;border-radius:.35rem}
.pcard__src{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em;color:var(--cream)}
.pcard time,.pcard .kind{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.pcard h3{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(1.02rem,3.2vw,1.2rem);line-height:1.15;text-wrap:balance}
.pcard p{color:var(--t2);font-size:.92rem;text-wrap:pretty;flex:1}
.pcard .go{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red2)}

/* ---------- reels ---------- */
.reels{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,340px);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:.8rem;margin-top:clamp(1.6rem,4vw,2.4rem);scrollbar-width:thin;scrollbar-color:var(--line2) transparent;overscroll-behavior-x:contain}
@media(min-width:1080px){.reels{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible}}
.reel{scroll-snap-align:start;border-radius:1rem;overflow:hidden;border:1px solid var(--line);background:var(--panel);min-height:560px;position:relative}
.reel iframe{display:block;width:100%;height:620px;border:0}
.reel__load{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.8rem;background:linear-gradient(168deg,var(--panel2),var(--bg));
  color:var(--t2);font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:1rem}
.reel__load b{font-family:var(--display);font-size:1.4rem;letter-spacing:.02em;color:var(--cream)}
.reel.is-live .reel__load{display:none}

/* ---------- mosaic ---------- */
.mosaic{display:grid;gap:clamp(.6rem,1.4vw,1rem);grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(140px,34vw,190px);grid-auto-flow:dense;margin-top:clamp(1.6rem,4vw,2.4rem)}
@media(min-width:900px){.mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px}}
.mosaic figure{margin:0;position:relative;border-radius:.9rem;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
@media(hover:hover){.mosaic figure:hover img{transform:scale(1.04)}}
.mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .75rem .6rem;background:linear-gradient(180deg,transparent,rgba(14,9,7,.85));
  font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream)}
.mosaic .w2{grid-column:span 2}
.mosaic .h2x{grid-row:span 2}

/* ---------- cares cards ---------- */
.cares{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:1rem;overflow:hidden;grid-template-columns:1fr;margin-top:clamp(1.6rem,4vw,2.4rem)}
@media(min-width:720px){.cares{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.cares{grid-template-columns:repeat(4,1fr)}}
.cares>a,.cares>div{display:block;background:var(--bg);padding:clamp(1.15rem,3vw,1.5rem);transition:background .3s ease}
@media(hover:hover){.cares>a:hover{background:var(--panel)}}
.cares b{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:400}
.cares h3{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(1.05rem,3.4vw,1.25rem);line-height:1.1;margin-top:.5rem}
.cares p{color:var(--t2);font-size:.92rem;margin-top:.45rem;text-wrap:pretty}
.cares .go{display:block;margin-top:.7rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red2)}

/* ---------- follow row ---------- */
.follow{display:grid;gap:.7rem;grid-template-columns:repeat(2,1fr);margin-top:clamp(1.4rem,3vw,2rem)}
@media(min-width:900px){.follow{grid-template-columns:repeat(5,1fr)}}
.follow a{display:flex;flex-direction:column;gap:.35rem;min-height:84px;justify-content:center;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:.9rem;
  background:linear-gradient(168deg,rgba(44,28,21,.55),rgba(22,14,10,.86));transition:border-color .3s ease,transform .45s var(--ease)}
@media(hover:hover){.follow a:hover{border-color:var(--gold);transform:translateY(-3px)}}
.follow b{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.05rem;color:var(--cream)}
.follow span{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);word-break:break-word}

/* ---------- reviews (rebuilt reviews.html) ---------- */
.rvhead{display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);align-items:center;margin-top:1.6rem}
.rvhead__score b{font-family:var(--display);font-weight:700;font-size:clamp(3.2rem,11vw,5rem);line-height:.85;color:var(--cream)}
.rvhead__score .stars{color:var(--gold);letter-spacing:.2em;font-size:1.05rem;margin-top:.4rem}
.rvhead__score .mono{display:block;margin-top:.35rem;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.rvgrid{columns:1;column-gap:clamp(.9rem,2vw,1.2rem);margin-top:clamp(1.6rem,4vw,2.4rem)}
@media(min-width:720px){.rvgrid{columns:2}}
@media(min-width:1100px){.rvgrid{columns:3}}
.rv{break-inside:avoid;margin:0 0 clamp(.9rem,2vw,1.2rem);padding:clamp(1.1rem,3vw,1.4rem);border:1px solid var(--line);border-radius:1rem;
  background:linear-gradient(168deg,rgba(44,28,21,.6),rgba(22,14,10,.88))}
.rv .stars{color:var(--gold);letter-spacing:.18em;font-size:.85rem}
.rv p{margin:.6rem 0 0;color:var(--cream);font-size:.98rem;line-height:1.55;text-wrap:pretty}
.rv footer{margin-top:.9rem;display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.rv footer b{color:var(--gold2);font-weight:400}
.rv--lead{border-color:var(--line2)}
.rv--lead p{font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,3.6vw,1.45rem);line-height:1.3}

/* ---------- homepage teaser ---------- */
.oateaser{display:grid;gap:clamp(1.2rem,3vw,2rem);grid-template-columns:1fr;align-items:start;margin-top:clamp(1.6rem,4vw,2.4rem)}
@media(min-width:960px){.oateaser{grid-template-columns:1.35fr .65fr}}
.oalist{display:grid;gap:.7rem}
.oalist a:not(.btn){display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.9rem;
  background:linear-gradient(168deg,rgba(44,28,21,.55),rgba(22,14,10,.86));transition:border-color .3s ease}
@media(hover:hover){.oalist a:not(.btn):hover{border-color:var(--line2)}}
.oalist img{width:64px;height:44px;object-fit:cover;border-radius:.45rem}
.oalist b{display:block;font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:.98rem;line-height:1.15;color:var(--cream)}
.oalist span{display:block;margin-top:.2rem;font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}