:root{
    --bg:#0b0f14;
    --parch:#e8d9b3;
    --parch-2:#d7c297;
    --border:#3a342a;
    --panel-shadow:0 15px 40px rgba(0,0,0,.5)
}*{box-sizing:border-box}

html,body{
    height:100%
}
body{
    margin:0;
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0b0f14;color:#d9d9d9
}
.bg{
    position:fixed;
    inset:0;
    z-index:-2;
    background:#0b0f14
}
.bg__glow{
    position:absolute;
    width:50vw;
    height:80vh;
    filter:blur(60px);
    opacity:.45
}
.bg__glow--left{
    left:0;
    top:5vh;
    background:radial-gradient(closest-side,#f24a3d,transparent 70%)
}
.bg__glow--right{
    right:0;
    bottom:5vh;
    background:radial-gradient(closest-side,#7a2be2,transparent 70%)
}
[hidden] { display: none !important; }

.vid--embed{ position:relative; padding-top:56.25%; /* 16:9 */ width:100%;}
.vid--embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* components-news.css */
.gallery-videos{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 12px;
}