#bigger { background: #FFFFFF; }
.bg {
  --ink:#2D2A26; --sec:#6B6560; --ter:#6F6962; --greenT:#3AB648; --hair:#E5DFD5;
  max-width:1240px; margin-inline:auto;
  padding-inline:clamp(1.5rem,4vw,2.5rem); padding-block:clamp(3.5rem,8vw,6.5rem);
  color:var(--ink);
}
.bg-eyebrow { margin:0 0 clamp(1.25rem,2.2vw,1.75rem); font-size:.75rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--greenT); }
.bg-head { margin:0; max-width:20ch; font-size:clamp(2rem,4.4vw,3.6rem); font-weight:600;
  letter-spacing:-.035em; line-height:1.04; text-wrap:balance; }
.bg-lede { margin:clamp(1rem,2vw,1.5rem) 0 0; max-width:56ch;
  font-size:clamp(1.05rem,1.4vw,1.25rem); line-height:1.5; color:var(--sec); }

.bg-map { margin:clamp(2.75rem,5.5vw,4rem) 0 0; }

.bg-spine { position:relative; margin:0 0 clamp(2rem,3.5vw,2.75rem); padding-bottom:1rem;
  border-bottom:2px solid var(--greenT); font-size:.72rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--greenT); }

.bg-areas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.5rem,3vw,2.5rem); }
.bg-area { position:relative; padding-top:clamp(1.4rem,2.6vw,1.9rem);
  opacity:0; transform:translateY(12px);
  transition:opacity .6s ease var(--d,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--d,0ms); }
.bg.in .bg-area { opacity:1; transform:none; }

.bg-stem { position:absolute; top:calc(-1 * clamp(2rem,3.5vw,2.75rem));
  left:0; width:1px; height:calc(clamp(2rem,3.5vw,2.75rem) + clamp(1.4rem,2.6vw,1.9rem));
  background:var(--hair); }
.bg-a-k { margin:0; font-size:clamp(1.1rem,1.5vw,1.32rem); font-weight:600; letter-spacing:-.02em; }
.bg-a-s { margin:.3rem 0 0; font-size:.85rem; color:var(--ter); }
.bg-caps { margin:clamp(1rem,2vw,1.35rem) 0 0; padding:0; list-style:none; display:grid; gap:.5rem; }
.bg-caps li { position:relative; padding-left:1.3rem; font-size:clamp(.98rem,1.15vw,1.06rem);
  line-height:1.45; }
.bg-caps li::before { content:""; position:absolute; left:0; top:.48em;
  width:8px; height:8px; border-radius:50%; }
.bg-caps li.is-live { color:var(--ink); }
.bg-caps li.is-live::before { background:var(--greenT); }

.bg-caps li.is-soon { color:var(--sec); }
.bg-caps li.is-soon::before { border:1px dashed var(--ter); }

.bg-key { margin:clamp(1.75rem,3.5vw,2.5rem) 0 0; font-size:.8rem; color:var(--ter); }
.bg-dot { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:.45rem;
  margin-left:.1rem; }
.bg-dot.is-live { background:var(--greenT); }
.bg-dot.is-soon { border:1px dashed var(--ter); }
.bg-key .bg-dot.is-soon { margin-left:1.4rem; }

.bg-take { margin:clamp(2.25rem,4.5vw,3rem) 0 0; max-width:56ch;
  font-size:clamp(1.15rem,1.75vw,1.45rem); font-weight:500; line-height:1.45;
  letter-spacing:-.02em; color:var(--ink); text-wrap:balance;
  padding-left:clamp(1rem,2vw,1.5rem); border-left:2px solid var(--greenT); }

@media (max-width:860px) { .bg-areas { grid-template-columns:1fr; gap:2rem; }
  .bg-stem { display:none; } .bg-area { padding-top:1rem; border-top:1px solid var(--hair); } }