/* =========================
   YNLBPC Global Theme
   ========================= */

:root{
  --bg:#0b0b0c;
  --ink:#f3f3f3;
  --muted:rgba(243,243,243,.72);
  --line:rgba(243,243,243,.12);
  --card:rgba(255,255,255,.04);
  --accent:#d7c07a; /* muted gold */
}

html, body { height: 100%; }

body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
  letter-spacing: .2px;
}

/* Typography */
h1,h2,h3,.serif{
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  letter-spacing: .2px;
}

/* Links */
a{ color: inherit; text-decoration: none; }
a:hover{ color: var(--accent); }

/* NAV */
.nav-blur{
  background: rgba(11,11,12,.78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}

/* HERO */
.hero{
  min-height: 40vh;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  border-bottom: 1px solid var(--line);
}

.hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.65) 55%, rgba(11,11,12,.92) 100%),
    url("/assets/hero.jpg") center/cover no-repeat;
  transform: scale(1.02);
}
.hero > .container{ position:relative; z-index:2; }

.kicker{ color: var(--accent); text-transform: uppercase; letter-spacing: .22em; font-size:.78rem; }
.lead-muted{ color: var(--muted); max-width: 42rem; }

/* =========================
   GLOBAL BUTTON SYSTEM
   ========================= */

/* Applies to all Bootstrap .btn buttons */
.btn{
  font-weight: 600;
  border-radius: 999px;
  transition: all .25s ease;
}

/* Primary */
.btn-lux{
  border: 1px solid var(--accent);
  color: var(--bg);
  background: var(--accent);
  padding: .85rem 1.2rem;
}
.btn-lux:hover{
  background: transparent;
  color: var(--accent);
}

/* Secondary */
.btn-ghost{
  border: 1px solid rgba(215,192,122,.55);
  color: var(--ink);
  background: transparent;
  padding: .85rem 1.2rem;
}
.btn-ghost:hover{
  border-color: var(--accent);
  background: var(--accent);
  color: var(--bg);
}

/* Sections / Cards */
.section{
  padding: 5rem 0;
  padding-top: 1rem;   /* move it up */
  border-bottom: 1px solid var(--line);
  padding-bottom: 3rem;  /* optional: tighten bottom */
  
}
.strip{
  background: rgba(255,255,255,.02);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.strip .item{ color: var(--muted); font-size: .95rem; }

.card-lux{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow:hidden;
}

.logo-grid img{
  width: 100%;
  height: auto;
  opacity: .9;
  transition: transform .25s ease, opacity .25s ease;
  filter: grayscale(15%);
}
.logo-grid a:hover img{ transform: scale(1.03); opacity: 1; }

.fineprint{ color: rgba(243,243,243,.55); font-size: .85rem; line-height: 1.5; }
.divider-title{
  color: rgba(243,243,243,.85);
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .82rem;
}
body{
  padding-top: 86px;
}

/* =========================
   HERO CENTERING
   ========================= */
.hero-center .hero-buttons{
  justify-content: center;
}

.hero-center .lead,
.hero-center .lead-muted{
  margin-left: auto;
  margin-right: auto;
}

/* === HERO TEXT CENTER FIX === */

.hero-center{
  text-align: center !important;
}

.hero-center h1,
.hero-center p{
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}

/* Video module */
.video-frame{
  border-radius: 20px;
  overflow: hidden;
}

.video-frame iframe{
  border: 0;
}


.video-frame{
  border-radius: 20px;
  overflow: hidden;
}

.featured-episode{
  background: rgba(255,255,255,.015);
}

.fineprint{
  letter-spacing: .04em;
}