/* Source: baseline/about.html inline <style> blocks, verbatim, in document order. */

html{scroll-behavior:smooth}
body{margin:0;background:var(--tgn-parchment-50);color:var(--tgn-ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4,p,ul,li{margin:0;padding:0}
ul{list-style:none}
a{color:inherit;text-decoration:none}
a:hover{color:var(--tgn-brick)}
summary::-webkit-details-marker{display:none}
input::placeholder{color:var(--tgn-parchment-300)}
[data-reveal]{will-change:opacity,transform}
@media(max-width:920px){
.tgn-hero-grid{grid-template-columns:1fr!important}
.tgn-jumpnav{grid-template-columns:repeat(3,1fr)!important}
.tgn-wwa{grid-template-columns:1fr!important;gap:32px!important}
.tgn-wd-row{grid-template-columns:1fr!important}
.tgn-contrast{grid-template-columns:1fr!important}
.tgn-values-2{grid-template-columns:1fr!important}
.tgn-values-3{grid-template-columns:1fr!important}
.tgn-believe{grid-template-columns:1fr!important;gap:32px!important}
.tgn-faq{grid-template-columns:1fr!important;gap:32px!important}
.tgn-faq-rail{position:static!important}
}
@media(max-width:760px){
.tgn-cohort-types{grid-template-columns:1fr!important}
.tgn-jumpnav{grid-template-columns:repeat(2,1fr)!important}
.tgn-cta-avatars{display:none!important}
}
@media(prefers-reduced-motion:reduce){
[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
}

/* CLOSING CTA — consolidated onto the canonical implementation in
   mission-disciple.html. The avatar ring itself is shared CSS: .ring and
   .tgn-av live in assets/css/tgn-avatar.css, linked above. */
.wrap{max-width:var(--tgn-container-max);margin:0 auto;padding:0 clamp(24px,2.8vw,40px)}
/* Top stop carries the parchment-100 ground of the FAQ section, the background of the section
   directly above, so the band meets it with no neutral seam. */
.close{background:linear-gradient(to bottom,var(--tgn-parchment-100) 50%,var(--tgn-ink) 50%);padding-top:clamp(56px,6vw,80px)}
.ctacard{background:var(--tgn-brick);border-radius:var(--tgn-radius-card);padding:clamp(48px,5vw,72px);text-align:center;color:var(--tgn-parchment-50)}
.ctacard h2{font-family:var(--font-heading);font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.ctacard p{margin-top:16px;max-width:52ch;margin-left:auto;margin-right:auto;opacity:.9}
/* mission-disciple.html holds the base button declarations in a bare .btn
   rule. A bare .btn cannot be ported here: this page carries the soft-launch
   banner, whose own .btn is a plain text link, and the bare rule drops its
   line-height from 25.375px to 14.5px, shortening the banner by 3.6px at
   1280 and 9.4px at 360. Same declarations, scoped to the card instead. */
.ctacard .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;padding:13px 24px;border-radius:var(--tgn-radius-pill);cursor:pointer;border:1.5px solid transparent;margin-top:28px}
.btn--dark{background:var(--tgn-parchment-50);color:var(--tgn-ink)}


/* hover states ported from the draft's style-hover attributes */
.ab-h1:hover{background:var(--tgn-parchment-500) !important}
.ab-h2:hover{background:var(--tgn-parchment-500) !important}
.ab-h3:hover{background:var(--tgn-parchment-500) !important}
.ab-h4:hover{background:var(--tgn-parchment-500) !important}
.ab-h5:hover{background:var(--tgn-parchment-500) !important}
.ab-h6:hover{border-color:var(--tgn-brick) !important}
.ab-h7:hover{border-color:var(--tgn-brick) !important}
.ab-h8:hover{border-bottom:2px solid var(--tgn-brick) !important}
.ab-h9:hover{border-bottom:2px solid var(--tgn-brick) !important}
.ab-h10:hover{border-bottom:2px solid var(--tgn-brick) !important}
.ab-h11:hover{border-bottom:2px solid var(--tgn-brick) !important}
.ab-h13:hover{color:var(--tgn-parchment-50) !important;border-bottom:1px solid var(--tgn-brick) !important}


/* ADVISORY TEAM (#advisory-team). Ground is blue-tint: the section sits between What it is
   and isn't (parchment-50) and the FAQ (parchment-100), and blue-tint is one of the page's
   two tints, already used non-adjacently by What we believe. Cards sit on parchment-50, the
   What we believe card precedent on blue-tint. No role line and no contact block for anyone.
   At 2 and 3 columns grid-auto-rows:1fr makes every card the height of the tallest one;
   below 768 cards keep their natural height.
   The band (.ab-adv-band) is a straddle band between Who we are (parchment-50) and What we do
   (amber-tint), modelled on the jump nav band under the hero: no vertical padding and a hard
   50/50 gradient, so the single centered button sits on the seam.
   A second link, the outline pill .ab-adv-hero-btn, sits under the hero subtext and shares
   the band button's icon class and focus outline. */
.ab-adv-band{background:linear-gradient(to bottom,var(--tgn-parchment-50) 50%,var(--tgn-amber-tint) 50%);padding:0}
.ab-adv-band .wrap{text-align:center}
.ab-adv-band__btn{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;min-height:44px;max-width:100%;padding:14px 28px;border-radius:var(--tgn-radius-pill);background:var(--tgn-parchment-500);color:var(--tgn-white);font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;transition:background 150ms ease}
/* Specificity (0,2,0) beats the page's a:hover (0,1,1), so the label stays white without !important. */
.ab-adv-band__btn:hover{background:var(--tgn-ink);color:var(--tgn-white)}
.ab-adv-band__btn:focus-visible,.ab-adv-hero-btn:focus-visible{outline:2px solid var(--tgn-brick-label);outline-offset:3px}
.ab-adv-band__i{flex:none}
/* Hero button: the outline pill .ab-h6 ("See the five Mission Targets"), carried in classes
   because new markup takes no inline styles. 28px matches the wrapper above .ab-h7. */
.ab-adv-hero-cta{margin-top:28px}
.ab-adv-hero-btn{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;max-width:100%;background:transparent;border:1.5px solid var(--tgn-parchment-300);color:var(--tgn-ink);font-family:var(--font-body);font-size:16px;font-weight:600;padding:14px 28px;border-radius:var(--tgn-radius-pill);transition:border-color 150ms ease}
/* Specificity (0,2,0) beats a:hover (0,1,1): the border turns brick, the label stays ink. */
.ab-adv-hero-btn:hover{border-color:var(--tgn-brick);color:var(--tgn-ink)}
.ab-adv{background:var(--tgn-blue-tint);padding:clamp(104px,10vw,144px) 0;scroll-margin-top:80px}
.ab-adv-title{font-family:var(--font-heading);font-size:clamp(30px,3vw,42px);line-height:1.15;font-weight:600;letter-spacing:-0.02em;max-width:20ch}
.ab-adv-intro{margin-top:24px;font-size:16px;line-height:1.75;max-width:62ch;color:var(--tgn-parchment-500)}
.ab-adv-grid{margin-top:40px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px) and (max-width:1023px){
.ab-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
}
@media (min-width:1024px){
.ab-adv-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
}
.ab-adv-card{box-sizing:border-box;min-width:0;background:var(--tgn-parchment-50);border:1px solid var(--tgn-parchment-200);border-radius:var(--tgn-radius-card);padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column}
.ab-adv-head{display:flex;align-items:center;gap:16px}
.ab-adv-name{font-family:var(--font-heading);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:0}
.ab-adv-quote{margin:18px 0 0;padding:0}
.ab-adv-quote p{font-size:16px;line-height:1.75;color:var(--tgn-parchment-500);margin:0}


[data-faq-when][hidden]{display:none !important}
[data-faq-toggle]{cursor:pointer}