/* ---------- /about-us/ (templates/about.php, sections/about-*.php) ----------
   Wave 4 page block. Linked only by templates/about.php, through dgn_page_head() (next/page-css.php), after
   next/site.css. Scoped to body.dgn-page[data-page="about"] like every page block (KIT 9): .dgn-page is only
   printed by rebuilt templates, so the old About page under the new chrome (it also prints data-page="about")
   is never touched, and the block can be folded into site.css at a go-live. */

/* ---- hero: the H1 is one notch smaller on desktops, so "Built for the long term." holds one line beside the card
   (at the kit size it left "term." alone on a third line at 1440 and 1920); balance is the safety net ---- */
body.dgn-page[data-page="about"] .dgn-ab-hero .dgn-h1{font-size:clamp(40px,4.8vw,70px)}
body.dgn-page[data-page="about"] .dgn-ab-hero .dgn-h1>span{text-wrap:balance}

/* ---- hero: the record card (2022, the longest public record with its curve, the profile link) ---- */
body.dgn-page[data-page="about"] .dgn-ab-card{display:flex;flex-direction:column}
body.dgn-page[data-page="about"] .dgn-ab-card__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:18px 0 0}
body.dgn-page[data-page="about"] .dgn-ab-card__y{flex:none;font-size:clamp(60px,5.4vw,96px);font-stretch:72%;line-height:.9;letter-spacing:-.02em;color:var(--dgn-gold)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  body.dgn-page[data-page="about"] .dgn-ab-card__y{background:var(--dgn-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.04em}
}
body.dgn-page[data-page="about"] .dgn-ab-card__t{flex:1 1 210px;min-width:0;font-size:14.5px;line-height:1.55;color:#c6c6ce;text-wrap:pretty}
body.dgn-page[data-page="about"] .dgn-ab-card__t b{display:block;margin-bottom:4px;font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:clamp(20px,1.7vw,24px);line-height:1.15;letter-spacing:-.005em;color:#fff}

/* the longest record: one link to its MyFXBook account (tag and label, caption, gain | drawdown, curve, facts) */
body.dgn-page[data-page="about"] .dgn-ab-acct{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k go" "cap cap" "g dd" "ch ch" "f f";align-items:center;column-gap:16px;min-width:0;margin-top:18px;padding:16px 0 14px;border-top:1px solid var(--dgn-line);color:var(--dgn-text);text-decoration:none;transition:background .25s}
body.dgn-page[data-page="about"] .dgn-ab-acct:is(:hover,:focus){color:var(--dgn-text)}
body.dgn-page[data-page="about"] .dgn-ab-acct:is(:hover,:focus-visible){background:linear-gradient(90deg,rgba(var(--c-rgb,251,191,36),.07),transparent 75%)}
body.dgn-page[data-page="about"] .dgn-ab-acct:focus-visible{outline:2px solid var(--c,var(--dgn-gold));outline-offset:2px}
body.dgn-page[data-page="about"] .dgn-ab-acct__k{grid-area:k;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;min-width:0}
body.dgn-page[data-page="about"] .dgn-ab-acct .dgn-tag{font-size:10.5px}
body.dgn-page[data-page="about"] .dgn-ab-acct__lbl{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#d8d8de;white-space:nowrap}
body.dgn-page[data-page="about"] .dgn-ab-acct .dgn-acct__go{grid-area:go;margin-top:0;transition:color .25s}
body.dgn-page[data-page="about"] .dgn-ab-acct:is(:hover,:focus-visible) .dgn-acct__go{color:var(--dgn-gold)}
body.dgn-page[data-page="about"] .dgn-ab-acct__cap{grid-area:cap;min-width:0;margin-top:6px;font-size:12.5px;line-height:1.45;color:#b4b4bd}
body.dgn-page[data-page="about"] .dgn-ab-acct__g{grid-area:g;margin-top:12px;font-size:clamp(46px,4.4vw,64px)}
body.dgn-page[data-page="about"] .dgn-ab-acct__dd{grid-area:dd;align-self:end;margin-bottom:4px;text-align:right;font-size:11px;line-height:1.25;color:var(--dgn-dim);white-space:nowrap}
body.dgn-page[data-page="about"] .dgn-ab-acct__dd b{display:block;margin-top:2px;font-size:15px;font-weight:600;color:#f0f0f3;font-variant-numeric:tabular-nums}
body.dgn-page[data-page="about"] .dgn-ab-acct__chart{grid-area:ch;display:block;height:92px;margin-top:12px;color:var(--c,var(--dgn-gold))}
body.dgn-page[data-page="about"] .dgn-ab-acct__facts{grid-area:f;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:14px;border-top:1px solid var(--dgn-line)}
body.dgn-page[data-page="about"] .dgn-ab-acct__facts>span{min-width:0;padding:11px 14px 0;font-size:12px;line-height:1.35;color:var(--dgn-dim)}
body.dgn-page[data-page="about"] .dgn-ab-acct__facts>span:first-child{padding-left:0}
body.dgn-page[data-page="about"] .dgn-ab-acct__facts>span+span{border-left:1px solid var(--dgn-line)}
body.dgn-page[data-page="about"] .dgn-ab-acct__facts b{display:block;margin-bottom:2px;font-family:var(--dgn-fd);font-stretch:78%;font-weight:800;font-size:21px;line-height:1.1;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
body.dgn-page[data-page="about"] .dgn-ab-card .dgn-proofcard__foot{margin-top:16px}
body.dgn-page[data-page="about"] .dgn-ab-nw{white-space:nowrap}

/* ---- our story: the heading across the top; the mission line and team claim left, the prose right ---- */
body.dgn-page[data-page="about"] .dgn-ab-story__h{margin-bottom:44px}
body.dgn-page[data-page="about"] .dgn-ab-story__grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start}
/* font-style:normal: the theme sets blockquote{font-style:italic}, and Archivo has no italic, so the browser
   slanted it synthetically; no other kit page uses italic */
body.dgn-page[data-page="about"] .dgn-ab-quote{max-width:470px;padding-left:20px;border-left:2px solid var(--dgn-gold);font-family:var(--dgn-fd);font-style:normal;font-stretch:90%;font-weight:700;font-size:clamp(21px,1.8vw,26px);line-height:1.3;letter-spacing:-.005em;color:#ececf0;text-wrap:pretty}
body.dgn-page[data-page="about"] .dgn-ab-quote p{font-style:normal}
body.dgn-page[data-page="about"] .dgn-ab-story .dgn-claim{max-width:470px;margin-top:34px;border-bottom:0}
body.dgn-page[data-page="about"] .dgn-ab-team{max-width:470px;padding:0;border-bottom:1px solid var(--dgn-line)}
body.dgn-page[data-page="about"] .dgn-ab-team .dgn-set__row{grid-template-columns:120px minmax(0,1fr);padding:12px 0;border-top:1px solid var(--dgn-line)}
body.dgn-page[data-page="about"] .dgn-ab-team .dgn-set__row>span:last-child{color:#dcdce2}
body.dgn-page[data-page="about"] .dgn-ab-prose{max-width:66ch;font-size:16.5px;line-height:1.8;color:#c3c3cb}
body.dgn-page[data-page="about"] .dgn-ab-prose>*+*{margin-top:1.15em}
/* no lone last word ("license." sat alone at 1280 and 1440) */
body.dgn-page[data-page="about"] :is(.dgn-ab-prose p,.dgn-ab-cols p,.dgn-ab-cloud .dgn-pillars p,.dgn-ab-hero .dgn-lead,.dgn-proof__head .dgn-lead){text-wrap:pretty}
body.dgn-page[data-page="about"] .dgn-ab-prose p:first-child{font-size:19px;line-height:1.7;color:#ececf0}

/* ---- the private cloud: pillars left; the cloud card, the callout and the EA card right ---- */
body.dgn-page[data-page="about"] .dgn-ab-cloud .dgn-split{align-items:center}
body.dgn-page[data-page="about"] .dgn-ab-cloud .dgn-pillars{margin-top:32px}
body.dgn-page[data-page="about"] .dgn-ab-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:34px}
body.dgn-page[data-page="about"] .dgn-ab-console .dgn-set{padding:6px 20px 8px}
body.dgn-page[data-page="about"] .dgn-ab-console .dgn-set__row{padding:11px 0}
body.dgn-page[data-page="about"] .dgn-ab-console .dgn-lib{border-top:1px solid var(--dgn-line);padding:13px 20px 15px}
body.dgn-page[data-page="about"] .dgn-ab-modes{display:flex;flex-wrap:wrap;gap:8px 18px}
body.dgn-page[data-page="about"] .dgn-ab-modes .dgn-tag{font-size:10.5px}
body.dgn-page[data-page="about"] .dgn-ab-lock{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;font-size:12.5px;line-height:1.45;color:var(--dgn-muted);text-align:center}
body.dgn-page[data-page="about"] .dgn-ab-lock svg{flex:none;color:var(--dgn-prop)}

/* ---- the public record: heading and lead, the kit account rows, the withdrawn strip ---- */
body.dgn-page[data-page="about"] .dgn-ab-record .dgn-proof__head{margin-bottom:34px}

/* ---- behind the service: three hairline columns with outlined numbers ---- */
body.dgn-page[data-page="about"] .dgn-ab-service .dgn-proof__head{margin-bottom:36px}
body.dgn-page[data-page="about"] .dgn-ab-idx{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:38px;line-height:1;color:var(--dgn-gold)}
@supports (-webkit-text-stroke:1px #000){
  body.dgn-page[data-page="about"] .dgn-ab-idx{color:transparent;-webkit-text-stroke:1px rgba(251,191,36,.7)}
}
body.dgn-page[data-page="about"] .dgn-ab-cols .dgn-h3{margin-top:10px;font-size:clamp(19px,1.6vw,22px)}
body.dgn-page[data-page="about"] .dgn-ab-cols p{margin-bottom:10px}

/* ---- wide ---- */
/* Review fix (25 Sep 2026): from 1141px to 1599px the record card can be the hero's tallest item, and the hero
   (overflow:hidden, no bottom padding) cut its border and gold glow off in a straight line. Page-only room under
   the grid; the shared .dgn-hero__grid in site.css is unchanged. */
@media (min-width:1141px) and (max-width:1599px){
  body.dgn-page[data-page="about"] .dgn-ab-hero .dgn-hero__grid{padding-bottom:32px}
}
@media (min-width:1600px){
  body.dgn-page[data-page="about"] .dgn-ab-hero .dgn-h1{font-size:clamp(78px,4.6vw,88px)}
  body.dgn-page[data-page="about"] .dgn-ab-acct__chart{height:104px}
  body.dgn-page[data-page="about"] .dgn-ab-story__grid{gap:104px}
  body.dgn-page[data-page="about"] .dgn-ab-prose{font-size:17.5px}
  body.dgn-page[data-page="about"] .dgn-ab-prose p:first-child{font-size:20px}
  body.dgn-page[data-page="about"] .dgn-ab-quote{max-width:520px}
  body.dgn-page[data-page="about"] .dgn-ab-story .dgn-claim,body.dgn-page[data-page="about"] .dgn-ab-team{max-width:520px}
}

/* ---- narrow ---- */
@media (max-width:1140px){
  body.dgn-page[data-page="about"] .dgn-ab-hero .dgn-h1{font-size:clamp(38px,10vw,84px)}
  body.dgn-page[data-page="about"] .dgn-ab-story__h{margin-bottom:32px}
  body.dgn-page[data-page="about"] .dgn-ab-story__grid{grid-template-columns:minmax(0,1fr);gap:36px}
  /* one column: the story first, then the mission line and the team rows */
  body.dgn-page[data-page="about"] .dgn-ab-story__aside{order:2}
  body.dgn-page[data-page="about"] .dgn-ab-prose{max-width:720px}
  body.dgn-page[data-page="about"] .dgn-ab-quote,body.dgn-page[data-page="about"] .dgn-ab-story .dgn-claim,body.dgn-page[data-page="about"] .dgn-ab-team{max-width:720px}
}
@media (max-width:720px){
  body.dgn-page[data-page="about"] .dgn-ab-card__top{margin-top:14px;gap:6px 16px}
  body.dgn-page[data-page="about"] .dgn-ab-card__y{font-size:clamp(54px,16vw,80px)}
  body.dgn-page[data-page="about"] .dgn-ab-card__t{flex-basis:100%;font-size:14px}
  body.dgn-page[data-page="about"] .dgn-ab-acct{grid-template-areas:"k k" "cap cap" "g dd" "ch ch" "f f" "go go";padding-top:14px}
  body.dgn-page[data-page="about"] .dgn-ab-acct .dgn-acct__go{justify-self:start;margin-top:10px}
  body.dgn-page[data-page="about"] .dgn-ab-acct__g{font-size:clamp(38px,11vw,48px)}
  body.dgn-page[data-page="about"] .dgn-ab-acct__chart{height:78px}
  body.dgn-page[data-page="about"] .dgn-ab-acct__facts>span{padding:10px 10px 0}
  body.dgn-page[data-page="about"] .dgn-ab-acct__facts b{font-size:18px}
  body.dgn-page[data-page="about"] .dgn-ab-quote{padding-left:16px}
  body.dgn-page[data-page="about"] .dgn-ab-team .dgn-set__row{grid-template-columns:104px minmax(0,1fr);gap:12px}
  body.dgn-page[data-page="about"] .dgn-ab-prose{font-size:15.5px;line-height:1.75}
  body.dgn-page[data-page="about"] .dgn-ab-prose p:first-child{font-size:17px}
  body.dgn-page[data-page="about"] .dgn-ab-links{margin-top:28px;gap:16px 24px}
  body.dgn-page[data-page="about"] .dgn-ab-console .dgn-set{padding:4px 16px 6px}
  body.dgn-page[data-page="about"] .dgn-ab-console .dgn-set__row{grid-template-columns:92px minmax(0,1fr)}
  body.dgn-page[data-page="about"] .dgn-ab-console .dgn-lib{padding:12px 16px 14px}
  body.dgn-page[data-page="about"] .dgn-ab-idx{font-size:32px}
  /* the lock line wraps on phones: keep the tick beside the text, left-aligned like the rows above it */
  body.dgn-page[data-page="about"] .dgn-ab-lock{justify-content:flex-start;align-items:flex-start;text-align:left}
  body.dgn-page[data-page="about"] .dgn-ab-lock svg{margin-top:2px}
}
@media (max-width:380px){
  body.dgn-page[data-page="about"] .dgn-ab-acct__facts>span{padding:10px 8px 0}
  body.dgn-page[data-page="about"] .dgn-ab-acct__facts b{font-size:16px}
}

/* phones: a button never shrinks below its label; when two do not fit side by side, each takes the full row
   (the kit gives them flex:1 1 220px, which clips a longer label at 500px; the wave-3 rule) */
@media (max-width:720px){
  body.dgn-page[data-page="about"] .dgn-cta-row .dgn-btn{min-width:-webkit-max-content;min-width:max-content}
}