.bkc-section{
  --bkc-navy-900:#112617;
  --bkc-navy-800:#1E3517;
  --bkc-navy-700:#283821;
  --bkc-navy-600:#32452B;
  --bkc-ink-50:#FAF8F3;
  --bkc-ink-300:#D8D3C8;
  --bkc-ink-400:#9A968C;
  --bkc-gold:#D1B36C;
  --bkc-gold-2:#D1B36C;
  --bkc-display:'Playfair Display','Cormorant Garamond','EB Garamond',Georgia,serif;
  --bkc-sans:'Inter Tight','Inter','Manrope',ui-sans-serif,system-ui,-apple-system,sans-serif;
  position:relative;
  min-height:50vh;
  display:grid;
  place-items:center;
  padding:clamp(40px,5vw,72px) 24px;
  overflow:hidden;
  isolation:isolate;
  color:var(--bkc-ink-50);
  font-family:var(--bkc-sans);
  font-weight:400;
  background:radial-gradient(120% 80% at 50% 18%,#3C4D35 0%,#1E3517 38%,#112617 78%,#0A1B0B 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.bkc-section *,.bkc-section *::before,.bkc-section *::after{box-sizing:border-box}

/* subtle diagonal grain */
.bkc-section::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:repeating-linear-gradient(135deg,
    rgba(255,255,255,.018) 0 2px,
    transparent 2px 6px);
}
/* soft vignette */
.bkc-section::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(80% 60% at 50% 50%,transparent 0%,transparent 55%,rgba(0,0,0,.45) 100%);
}
.bkc-weave{display:none}

.bkc-inner{
  position:relative;z-index:1;
  width:100%;max-width:960px;margin:0 auto;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;
}

/* ── Eyebrow ───────────────────────────────────────────── */
.bkc-eyebrow-row{
  display:inline-flex;align-items:center;gap:14px;margin-bottom:28px;
  color:var(--bkc-gold);
  opacity:0;transform:translateY(14px);
  transition:opacity .8s,transform .8s;
}
.bkc-eyebrow-row.in{opacity:1;transform:none}
.bkc-eyebrow-line{
  display:inline-block;width:36px;height:1px;flex:0 0 36px;
  background:linear-gradient(90deg,transparent,var(--bkc-gold) 60%,var(--bkc-gold));
  opacity:.9;
}
.bkc-eyebrow-line.right{
  background:linear-gradient(90deg,var(--bkc-gold),var(--bkc-gold) 40%,transparent);
}
.bkc-eyebrow{
  font-family:var(--bkc-sans);font-size:12px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--bkc-gold);
}

/* ── Title ─────────────────────────────────────────────── */
.bkc-title{
  font-family:var(--bkc-display);font-weight:500;
  color:#ffffff;
  font-size:clamp(42px,5.6vw,78px);
  line-height:1.05;letter-spacing:-.01em;
  margin:0 0 22px;
  text-wrap:balance;
}
.bkc-title .line{display:block;overflow:hidden;padding-bottom:.22em;margin-bottom:-.22em}
.bkc-title .line span{
  display:inline-block;transform:translateY(110%);
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1);
}
.bkc-title .line.in span{transform:none}
.bkc-title .line:nth-child(2) span{transition-delay:.12s}
.bkc-title .accent{
  display:inline-block;font-style:italic;font-weight:500;
  color:var(--bkc-gold);
  background:linear-gradient(180deg,#E0C474 0%,#B89A52 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ── Lede ──────────────────────────────────────────────── */
.bkc-lede{
  max-width:560px;margin:0 0 40px;
  color:var(--bkc-ink-300);
  font-size:clamp(15px,1.15vw,17px);line-height:1.65;font-weight:400;
  text-wrap:pretty;
  opacity:0;transform:translateY(14px);
  transition:opacity .8s .25s,transform .8s .25s;
}
.bkc-lede.in{opacity:1;transform:none}

/* ── CTA row ───────────────────────────────────────────── */
.bkc-cta-row{
  display:flex;flex-wrap:wrap;gap:14px;
  justify-content:center;align-items:center;
  margin-bottom:44px;
  opacity:0;transform:translateY(14px);
  transition:opacity .8s .4s,transform .8s .4s;
}
.bkc-cta-row.in{opacity:1;transform:none}

.bkc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:18px 30px;border-radius:999px;border:0;
  font-family:var(--bkc-sans);font-size:15px;font-weight:600;letter-spacing:.005em;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
  will-change:transform;
}

.bkc-btn-primary{
  color:#1F1F1F;
  background:linear-gradient(180deg,#D1B36C 0%,#B89A52 100%);
  box-shadow:
    0 0 0 1px rgba(245,228,180,.35) inset,
    0 1px 0 rgba(255,255,255,.5) inset,
    0 20px 60px -18px rgba(209,179,108,.55),
    0 8px 24px -12px rgba(209,179,108,.55);
}
.bkc-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(245,228,180,.55) inset,
    0 1px 0 rgba(255,255,255,.6) inset,
    0 24px 70px -16px rgba(209,179,108,.7),
    0 12px 30px -10px rgba(209,179,108,.65);
}
.bkc-btn-primary .arrow{display:inline-block;transition:transform .25s ease}
.bkc-btn-primary:hover .arrow{transform:translateX(4px)}

.bkc-btn-ghost{
  color:var(--bkc-ink-50);background:transparent;
  border:1px solid rgba(209,179,108,.35);
}
.bkc-btn-ghost:hover{
  border-color:rgba(209,179,108,.85);
  color:var(--bkc-gold-2);
  background:rgba(209,179,108,.06);
}
.bkc-btn-ghost svg{
  width:16px;height:16px;stroke:currentColor;fill:none;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}

/* ── Trust strip ───────────────────────────────────────── */
.bkc-trust{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:10px 22px;
  color:rgba(199,201,214,.7);
  font-family:var(--bkc-sans);font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:500;
  opacity:0;transform:translateY(14px);
  transition:opacity .8s .55s,transform .8s .55s;
}
.bkc-trust.in{opacity:1;transform:none}
.bkc-trust .trust-item{display:inline-flex;align-items:center;gap:8px}
.bkc-trust .dot{
  width:4px;height:4px;border-radius:50%;
  background:var(--bkc-gold);opacity:.8;display:inline-block;
}

/* ── Mobile ────────────────────────────────────────────── */
@media (max-width:540px){
  .bkc-section{padding:72px 20px}
  .bkc-title{font-size:clamp(40px,12vw,60px)}
  .bkc-btn{padding:16px 24px;font-size:14px}
  .bkc-eyebrow{font-size:11px;letter-spacing:.2em}
  .bkc-trust{font-size:10.5px;letter-spacing:.14em;gap:8px 14px}
}