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

/* ---------- 01 the hero ----------
   His file opens with "If not me, then who?" directly under the name. It is a quote, so it takes
   the quote shape the rest of the site uses: a gold left edge and Fraunces italic, never a
   decorative flourish. */
.bhp-adam .heroquote p{border-left:2px solid rgba(255,176,0,.8);padding-left:18px}

/* ---------- 02 the credentials board ----------
   These four are credentials, not steps, so the board runs with its numbers off. The empty number
   cell still holds its column, which left every line indented past a gutter with nothing in it, so
   the cell is removed rather than emptied. Measured, not eyeballed. */
.bhp-adam .adambrief .fb-row .fb-n{display:none}
.bhp-adam .adambrief .fb-row{grid-template-columns:1fr}
.bhp-adam .adambrief.e-con{padding:0}

/* ---------- the reading measure ----------
   Four sections of this page are narrative, and BHP law says long copy gets an editorial column,
   never cards. A column is only a column if it has a measure: 74 characters, which is where a
   Geist paragraph at 17px stops being comfortable. */
.bhp-adam .adamread .elementor-widget-text-editor p{max-width:74ch}
.bhp-adam .adamread.e-con{max-width:none}

/* ---------- 05 what Adam has built ----------
   Two across, not four: these cards carry a screenshot, a heading, fifty words and two links, and
   at four across they are 290px wide, which is the ragged-card shape already corrected once on the
   service pages.

   Client 2026-09-23: "the imgs are getting cut and the text is sitting without padding." Both were
   true and both came from one decision, a full-bleed 16:9 frame with object-fit:cover. The three
   website screenshots are 900x562, which is 1.60, so a 1.78 frame cropped about a tenth off the top
   and the bottom of each: the BHP shot lost its nav bar and its buttons. A screenshot is evidence,
   and evidence cannot be cropped to fit a box. So the picture is INSET with the same padding the
   text has and CONTAINED, never covered, which means nothing is ever cut whatever shape the next
   one is, and the card reads as one object with one margin all the way round. */
.bhp-adam .builtgrid.e-con{display:grid!important;grid-template-columns:repeat(2,1fr)!important;
  align-items:stretch}
.bhp-adam .builtcard.e-con{padding:clamp(20px,2vw,26px) 0 26px;border-radius:16px;
  background:var(--field-cream);border:1px solid var(--line-light);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bhp-adam .builtcard:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(23,29,58,.1);
  border-color:rgba(255,176,0,.45)}
.bhp-adam .builtcard > *{padding-left:clamp(20px,2vw,26px);padding-right:clamp(20px,2vw,26px)}
.bhp-adam .builtcard .elementor-widget-image{margin:0 0 18px}
.bhp-adam .builtcard .elementor-widget-image img{display:block;width:100%;aspect-ratio:16/10;
  object-fit:contain;object-position:center;border-radius:10px;background:#fff;
  border:1px solid var(--line-light)}
.bhp-adam .builtlinks.e-con{padding-top:0;padding-bottom:0}
.bhp-adam .builtlinks .elementor-widget-button{width:auto;flex:0 0 auto}

/* ---------- 08 the press wall ----------
   Ten features, every one with a real shot. The Yahoo Finance card got its screenshot on
   2026-09-23; the two that could not be captured were removed rather than shown as an empty card,
   which is the choice the client gave. */
.bhp-adam .pressgrid.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important;
  align-items:stretch}
.bhp-adam .presscard.e-con{padding:0 0 22px;border-radius:14px;overflow:hidden;
  background:#fff;border:1px solid var(--line-light);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bhp-adam .presscard:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(23,29,58,.09);
  border-color:rgba(255,176,0,.45)}
.bhp-adam .presscard .elementor-widget-image{margin:0}
/* The press shots run 1.00 to 1.91, so the frame is 16/9, the ratio most of them already are, and
   the crop is taken from the bottom rather than the middle: a masthead and a headline live at the
   top of a screenshot. */
.bhp-adam .presscard .elementor-widget-image img{display:block;width:100%;aspect-ratio:16/9;
  object-fit:cover;object-position:top center;border-radius:0}
.bhp-adam .presscard > :not(.elementor-widget-image){padding-left:20px;padding-right:20px}
.bhp-adam .pressout.e-con{padding-left:20px;padding-right:20px}
.bhp-adam .presscard .elementor-widget-button{width:auto;flex:0 0 auto}
.bhp-adam .pressout .elementor-button{text-align:left}

/* ---------- 09 the book ----------
   A cover is a portrait object and must never be cropped to a landscape frame, so it is contained
   rather than covered and given a shelf rather than a full-bleed edge. */
.bhp-adam .bookcol{min-width:0}
.bhp-adam .bookshot.e-con{padding:clamp(22px,2.4vw,32px);border-radius:18px;
  background:var(--field-cream);border:1px solid var(--line-light)}
.bhp-adam .bookshot img{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;
  box-shadow:0 26px 60px rgba(23,29,58,.22)}

/* ---------- 10 the standards ----------
   His three values are the display line of this page. Client 2026-09-23: "make this come better,
   this is not in proper layout and structure." It was one sentence wrapping to two lines inside a
   wide thin box, which is a box with a line in it, not a structure. They are three sentences, so
   they are three cells with a rule between them, numbered, each one able to be read on its own.
   The words are untouched. */
.bhp-adam .valuesband.e-con{padding:0}
.bhp-adam .vgrid.e-con{display:grid!important;grid-template-columns:repeat(3,1fr)!important;
  gap:0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.05);
  border:1px solid var(--line-dark);border-left:3px solid var(--gold)}
.bhp-adam .vcell.e-con{padding:clamp(22px,2.4vw,30px) clamp(20px,2.2vw,28px);
  border-left:1px solid var(--line-dark)}
.bhp-adam .vgrid > .vcell:first-child{border-left:0}
.bhp-adam .vnum .elementor-heading-title{letter-spacing:.18em}
.bhp-adam .vline .elementor-heading-title{text-wrap:balance}

/* ---------- the responsive steps ---------- */
@media (max-width:1100px){
  .bhp-adam .pressgrid.e-con{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:900px){
  .bhp-adam .builtgrid.e-con{grid-template-columns:1fr!important}
  .bhp-adam .adamread .elementor-widget-text-editor p{max-width:none}
  .bhp-adam .vgrid.e-con{grid-template-columns:1fr!important}
  .bhp-adam .vcell.e-con{border-left:0;border-top:1px solid var(--line-dark)}
  .bhp-adam .vgrid > .vcell:first-child{border-top:0}
}
@media (max-width:700px){
  .bhp-adam .pressgrid.e-con{grid-template-columns:1fr!important}
  .bhp-adam .bookshot img{max-width:280px}
}