/* GENERATED by build/fma-el/make_css.py - do not edit on the server. */

/* The page has one job, so its rhythm is tighter than a pillar's and its CTA is never far away. */
/* The crumb trail is the bio pages' component now, in the hero column, so it needs nothing here. */

/* B. hero */
.bhp-fma .herocol{container-type:inline-size}
.bhp-fma .tag em{font-style:italic;color:var(--gold)}
.bhp-fma .watchnote{border-left:2px solid var(--gold);padding-left:18px}
/* The "Read this before you apply" callout, /free-consulting-call/ only.
   His brief section 14: it "uses a navy left rule and a cream background, so it reads as a
   statement of terms rather than a second video prompt". Our hero is the navy gradient rather
   than his white, so the cream becomes a pale panel on it: same job, same separation from the
   gold watch-first callout, legible on the background the page actually has.
   Section 15 is explicit that this must never be collapsed, truncated or hidden on mobile.
   It is the filter. */
.bhp-fma .readthis{border-left:2px solid rgba(247,242,231,.55);padding:16px 18px;
  background:rgba(247,242,231,.06);border-radius:0 10px 10px 0}
.bhp-fma .readthis .rtlab p{color:#F7F2E7}
.bhp-fma .readthis a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.bhp-fma .readthis a:hover{color:#fff}

.bhp-fma .micro p{color:rgba(247,242,231,.56)}
.bhp-fma .paths .elementor-widget-button{width:auto;flex:0 0 auto}
.bhp-fma .paths{display:flex}

/* The trust strip is the three logo badges, as on every other page. The words-only strip his brief
   asked for, and the FILM COMING pill that used to sit on the portrait, are both gone: client
   2026-09-23, "make this page like the other pages" and "get rid of all that placeholder text".
   His five words are kept in copy.json.

   The hero portrait borrows the bio pages' frame rather than inventing one, which is the whole
   point of carrying their scope. */
.bhp-fma .vslcol{min-width:0}
.bhp-fma .vslcol .film{max-width:100%}
.bhp-fma .byline p,.bhp-fma .byline .elementor-heading-title{font-style:italic}
/* A sentence set as an H1 needs a measure, or it runs the full column and reads as four headlines.
   Measured at 1440: 21 words across three lines instead of four. */
.bhp-fma .fmah1 .elementor-heading-title{max-width:26ch}
/* The portrait takes the bio hero's shape, not the column's full height: a 1080x1920 file set to
   cover with no cap stood taller than the copy beside it. */
.bhp-fma .vslcol .bioshot img{aspect-ratio:4/5;object-position:center 12%}

/* B2. what the call covers */
.bhp-fma .covergrid.e-con{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch}
/* The ordinal, and a gold hairline under it, so the three cards read as the three parts of one
   call in the order he takes them rather than three unrelated boxes. */
.bhp-fma .covercard.numbered{position:relative;padding-top:clamp(20px,2.4vh,26px)}
.bhp-fma .covercard.numbered > .elementor-widget:first-child{margin-bottom:12px}
.bhp-fma .covercard.numbered > .elementor-widget:first-child p{letter-spacing:.14em;
  font-variant-numeric:tabular-nums}
.bhp-fma .covercard.numbered::before{content:"";position:absolute;left:clamp(20px,2.2vw,26px);
  top:calc(clamp(20px,2.4vh,26px) + 30px);width:26px;height:2px;background:var(--gold,#FFB000)}

/* B3. the screenshots. The device and the results card are the homepage's components, so this
   page styles neither: it only keeps the block from running wider than the reading measure and
   stops the shared `.shead .intro` clamp from cutting the lead in half on tablet. */
.bhp-fma .evidence .shead .intro{max-width:92ch}
.bhp-fma .evidence .bhpa-proof{margin-top:6px}
.bhp-fma .evidence .paths{justify-content:flex-start}

/* C. the booking block: the calendar is the widest thing on the page, because it is the point */
.bhp-fma .calcol,.bhp-fma .knowcol{min-width:0}
.bhp-fma .knowcol{background:#fff;border:1px solid var(--line-light);border-radius:16px;
  padding:clamp(22px,2.6vh,28px) clamp(20px,2.2vw,26px)}
.bhp-fma .bookband{scroll-margin-top:96px}

/* D. proof */
.bhp-fma .statrow.three.e-con{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bhp-fma .statrow .lstat{padding-right:22px;border-left:1px solid rgba(247,242,231,.12);
  padding-left:22px}
.bhp-fma .statrow .lstat:first-child{border-left:0;padding-left:0}
.bhp-fma .framing p{color:rgba(247,242,231,.78)}
.bhp-fma .biorow.e-con{display:flex;flex-wrap:wrap}
.bhp-fma .adamshot img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover!important;
  object-position:center 8%;border-radius:14px;display:block;max-height:400px}
.bhp-fma .adamshot{min-width:0}
/* The calendar card hugged nothing: the Calendly iframe ends and the white card ran on for another
   170px of empty paper. It takes its height from the embed now. */
.bhp-fma .calwrap,.bhp-fma .calwrap > *{display:block}
.bhp-fma .calcol .bhp-cal{padding-bottom:0}

/* E. closing: the shared author box, which needs nothing from this file. */

@media (max-width:1000px){
  .bhp-fma .covergrid.e-con{grid-template-columns:1fr!important}
  .bhp-fma .statrow.three.e-con{grid-template-columns:1fr!important}
  .bhp-fma .statrow .lstat{border-left:0;padding-left:0;
    border-top:1px solid rgba(247,242,231,.12);padding-top:18px}
  .bhp-fma .statrow .lstat:first-child{border-top:0;padding-top:0}
}
@media (max-width:767px){
  .bhp-fma .knowcol{margin-top:26px}
}

/* /schedule/ is a centred page, so its trust strip centres too. It is a grid container, so the
   centring has to be justify-content on the grid rather than on the flex box around it. */
.bhp-fma .schbadges.e-con{justify-content:center}
.bhp-fma .schhero{text-align:center}