/* Two doors: Book 15 minutes and the free Brand Fit Check.
   The first-month steps, the one-line notes that replaced the membership
   extras, and the header booking link on phones. */

/* ---- Your first month ----
   Heading and introduction on the left, the five steps read top to bottom on
   the right. One column on phones, with the numeral beside each step. */
.how-starts{border-top:1px solid var(--line)}
.how-starts-grid{display:grid;gap:32px}
.how-starts-intro{margin-top:20px;max-width:40ch;font-size:clamp(1.0625rem,1.6vw,1.1875rem);line-height:1.6;color:#2f4338}
.how-starts-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:none}
.how-starts-steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.how-starts-steps li:last-child{border-bottom:1px solid var(--line)}
.how-starts-num{color:#7a5718;font-size:1.75rem;font-weight:650;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.how-starts-steps h3{font-size:clamp(1.125rem,2.4vw,1.3125rem);line-height:1.3;letter-spacing:-.025em;color:var(--ink)}
.how-starts-steps p{margin-top:8px;max-width:52ch;font-size:1rem;line-height:1.6;color:#2f4338}
.how-starts-close{font-size:clamp(1.1875rem,2.4vw,1.5rem);font-weight:650;line-height:1.35;letter-spacing:-.025em;color:var(--ink);max-width:36ch;text-wrap:balance}
@media(min-width:700px){
  .how-starts-grid{grid-template-columns:1fr 1.25fr;gap:28px 60px;align-items:start}
  .how-starts-heading{position:sticky;top:calc(var(--header-height) + 32px)}
  .how-starts-steps li{grid-template-columns:56px 1fr;padding:26px 0}
  .how-starts-num{font-size:2.25rem}
  .how-starts-close{grid-column:2;margin-top:8px}
}
@media(min-width:1080px){
  .how-starts-grid{column-gap:100px}
}

/* ---- Spark and Build positioning inside the cards ---- */
#membership .pcard-summary{font-size:1rem;font-weight:400;letter-spacing:normal}
#membership .pcard-summary .pcard-position{font-size:1.25rem;font-weight:650;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}
#membership .pcard-summary .pcard-support{margin-top:8px;font-size:.9375rem;line-height:1.6;color:#2f4338}

/* ---- Membership notes ---- */
#membership .membership-attention{margin-top:clamp(24px,2.6vw,32px)}
#membership .membership-attention-lead{max-width:62ch;font-size:1.0625rem;line-height:1.6;color:var(--ink)}
#membership .attention-row{display:grid;gap:0;margin:18px 0 0;border-top:1px solid var(--line)}
#membership .attention-row>div{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
#membership .attention-row dt{font-size:1rem;font-weight:650;letter-spacing:-.02em;color:var(--ink)}
#membership .attention-row .is-build dt{color:#7a5718}
#membership .attention-row dd{margin:0;font-size:.9375rem;line-height:1.55;color:#2f4338}
@media(min-width:700px){
  #membership .attention-row{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(16px,1.8vw,24px);border-top:0}
  #membership .attention-row>div{grid-template-columns:1fr;gap:6px;padding:18px 0 0;border-top:1px solid var(--line);border-bottom:0}
}
#membership .membership-academy{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:1rem;line-height:1.6;color:var(--ink)}
#membership .membership-academy a{font-weight:650;text-decoration:underline;text-underline-offset:4px}
#membership .membership-academy a:focus-visible{outline:3px solid #ac7927;outline-offset:4px}

/* ---- Header booking link on phones ---- */
@media(max-width:699px){
  .header .header-intro{display:flex;align-items:center;min-height:44px;margin-left:auto;padding:0!important;font-size:.6875rem;letter-spacing:.02em;color:var(--gold);white-space:nowrap}
  .header .header-intro svg{display:none}
  .header .menu-toggle{padding-left:4px}
}
@media(max-width:419px){
  .header .header-inner{gap:8px}
  .header .brand .wordmark{width:150px}
  .header .menu-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}