/* Transcending Personal Training
   Process page only. */


/* ==========================================================================
   Process page
   ========================================================================== */

.page-proc-b .bs {
  background:#fff;
  padding:44px 5vw 84px;
  border-bottom:1px solid var(--border);
}

.page-proc-b .bs-inner {
  max-width:1180px;
  margin:0 auto;
}

.page-proc-b .bs-nameplate {
  text-align:center;
  border-bottom:4px double var(--ink);
  padding-bottom:16px;
}

.page-proc-b .bs-eyebrow {
  display:flex;
  justify-content:space-between;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--light);
  border-bottom:1px solid var(--border);
  padding-bottom:8px;
  margin-bottom:14px;
}

.page-proc-b .bs-nameplate h1 {
  font-family:'Bebas Neue','Bebas Fallback',sans-serif;
  font-weight:400;
  font-size:clamp(3.4rem,10vw,9rem);
  line-height:.92;
  letter-spacing:.015em;
}

.page-proc-b .bs-nameplate h1 .red {
  color:var(--red);
}

.page-proc-b .bs-sub {
  font-family:'Lora','Lora Fallback',serif;
  font-style:italic;
  font-size:1.1rem;
  color:var(--mid);
  margin-top:8px;
}

.page-proc-b .bs-lead {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:44px;
  margin-top:34px;
  align-items:start;
}

.page-proc-b .bs-story h2 {
  font-size:clamp(1.9rem,3.4vw,2.9rem);
  line-height:1.05;
  margin-bottom:14px;
}

.page-proc-b .bs-story p {
  font-size:.97rem;
  line-height:1.85;
  color:var(--mid);
  margin-bottom:16px;
}

.page-proc-b .bs-story p strong {
  color:var(--ink);
}

.page-proc-b .bs-story p a {
  color:var(--red-dark);
  font-weight:700;
  text-decoration:none;
  border-bottom:1.5px solid rgba(237,28,36,.35);
}

.page-proc-b .bs-story .btn-red {
  color:#fff;
  border-bottom:none;
}

.page-proc-b .bs-story p:first-of-type::first-letter {
  font-family:'Bebas Neue','Bebas Fallback',sans-serif;
  font-size:3.4em;
  line-height:.82;
  float:left;
  padding:4px 10px 0 0;
  color:var(--red);
}

.page-proc-b .bs-photo {
  border:1.5px solid var(--ink);
  border-radius:4px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.page-proc-b .bs-photo video {
  display:block;
  width:100%;
  aspect-ratio:9/13;
  object-fit:cover;
  object-position:center 30%;
}

.page-proc-b .bs-photo-cap {
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--light);
  padding:9px 12px;
  border-top:2px solid var(--ink);
  background:var(--paper,#faf9f7);
}

.page-proc-b .bs-photo-cap b {
  color:var(--ink);
}

.page-proc-b .bs-briefs {
  margin-top:48px;
  border-top:2px solid var(--ink);
  padding-top:8px;
}

.page-proc-b .bs-briefs-label {
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--red-dark);
  display:block;
  padding:6px 0 16px;
}

.page-proc-b .bs-cols {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
}

.page-proc-b .bs-brief {
  padding:0 22px;
  border-left:1px solid var(--border);
}

.page-proc-b .bs-brief:first-child {
  padding-left:0;
  border-left:none;
}

.page-proc-b .bs-num {
  font-family:'Bebas Neue','Bebas Fallback',sans-serif;
  font-size:2.4rem;
  color:var(--red);
  line-height:1;
  display:block;
}

.page-proc-b .bs-when {
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--light);
  display:block;
  margin:4px 0 8px;
}

.page-proc-b .bs-brief h3 {
  font-size:1.02rem;
  margin-bottom:8px;
}

.page-proc-b .bs-brief p {
  font-size:.88rem;
  line-height:1.7;
  color:var(--mid);
}

@media (max-width:960px) {
  .page-proc-b .bs-lead {
    grid-template-columns:1fr;
  }

  .page-proc-b .bs-cols {
    grid-template-columns:1fr 1fr;
    gap:26px 0;
  }

  .page-proc-b .bs-brief:nth-child(3) {
    border-left:none;
    padding-left:0;
  }
}

@media (max-width:600px) {
  .page-proc-b .bs-cols {
    grid-template-columns:1fr;
  }

  .page-proc-b .bs-brief {
    border-left:none;
    padding:0;
  }
}

/* ==========================================================================
   Page fixes
   ========================================================================== */

.page-proc-b .bs-ctas {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:8px;
}