/* ============================================================================ Design tokens, bound to Elementor. Each token reads an Elementor global first and falls back to the design value. Change a colour or a font once in Elementor then Site Settings and it applies across the whole site. Nothing here needs editing to restyle Boardpath. ========================================================================== */ :root{ --ink: var(--e-global-color-primary, #201E1D); --ink-2: #2A2827; --slate: var(--e-global-color-secondary, #2E4057); --signal: var(--e-global-color-accent, #C5280F); --paper: var(--e-global-color-a1b2c3d4, #F3F2F0); --paper-2: var(--e-global-color-b2c3d4e5, #E8E6E2); --slate-3: var(--e-global-color-c3d4e5f6, #8FA3B8); --white: var(--e-global-color-d4e5f6a7, #FAF9F7); --slate-2: var(--e-global-color-e5f6a7b8, #5B7590); --line: #C9C5C0; --sans: var(--e-global-typography-primary-font-family, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif); --serif: var(--e-global-typography-text-font-family, Charter, "Iowan Old Style", "Palatino Linotype", Georgia, serif); --max: 1240px; --pad: clamp(20px,5vw,64px); } .boardpath-site *{box-sizing:border-box} html{scroll-behavior:smooth} body.boardpath-site{margin:0;font-family:var(--sans);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased} .boardpath-site h1, .boardpath-site h2, .boardpath-site h3{margin:0;letter-spacing:-.02em;line-height:1.06;font-weight:800} .boardpath-site p{margin:0} .boardpath-site a{color:inherit}/* one eyebrow style everywhere */ .boardpath-site .eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--slate-2)} .boardpath-site .dark .eyebrow{color:var(--slate-3)} .boardpath-site .read{font-family:var(--serif);font-size:clamp(16px,1.15vw,18px);line-height:1.62;color:#3A3836} .boardpath-site .read.light{color:#CFCBC7}/* nav */ .boardpath-site .util{background:var(--ink);font-size:12.5px} .boardpath-site .util-in{display:flex;justify-content:flex-end;gap:22px;padding-block:9px} .boardpath-site .util a{color:#B4AFAA;font-weight:600;text-decoration:none} .boardpath-site .util a:hover{color:#fff} .boardpath-site .nav{position:sticky;top:0;z-index:60;margin-bottom:-70px;background:transparent;border-bottom:1px solid transparent;color:var(--white);transition:background .22s ease,border-color .22s ease} .boardpath-site .nav .brand{color:var(--white)} .boardpath-site .nav-links a{color:rgba(250,249,247,.8)} .boardpath-site .nav.solid{background:rgba(250,249,247,.95);backdrop-filter:blur(10px);border-bottom-color:var(--paper-2);color:var(--ink)} .boardpath-site .nav.solid .brand{color:var(--ink)} .boardpath-site .nav.solid .nav-links a{color:#3A3836} .boardpath-site .nav-in{display:flex;align-items:center;gap:34px;height:70px} .boardpath-site .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none} .boardpath-site .nav-links{display:flex;gap:26px;margin-left:auto;font-size:14.5px;font-weight:600} .boardpath-site .nav-links a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:color .22s ease} .boardpath-site .nav-links a:hover{border-color:var(--signal)} .boardpath-site .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;padding:12px 20px;border-radius:2px;text-decoration:none;border:1.5px solid transparent;transition:.16s} .boardpath-site .btn-solid{background:var(--signal);color:#fff} .boardpath-site .btn-solid:hover{background:#a82009} .boardpath-site .btn-ghost{border-color:rgba(250,249,247,.34);color:var(--white)} .boardpath-site .btn-ghost:hover{border-color:var(--white)} .boardpath-site .btn-out{border-color:var(--ink);color:var(--ink)} .boardpath-site .btn-out:hover{background:var(--ink);color:var(--white)} .boardpath-site .nav .btn{padding:10px 16px} @media(max-width:980px){.boardpath-site .nav-links{display:none}}/* hero */ .boardpath-site .hero{color:var(--white);overflow:hidden} .boardpath-site .hero-in>*{min-width:0} .boardpath-site .hero h1{margin:0 0 22px} .boardpath-site .hero h1 em{font-style:normal;color:var(--slate-3);font-size:.55em;display:block;margin-bottom:6px;letter-spacing:-.015em} .boardpath-site .hero-sub{max-width:37ch} .boardpath-site .hero-orgs{margin-top:38px;padding-top:24px;border-top:1px solid rgba(250,249,247,.16)} .boardpath-site .hero-orgs .lbl{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-2);margin-bottom:12px} .boardpath-site .hero-orgs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;min-width:0} .boardpath-site .hero-orgs li{font-size:13.5px;color:#CFCBC7;padding-right:14px;margin-right:14px;border-right:1px solid rgba(250,249,247,.2);line-height:1.3} .boardpath-site .hero-orgs li:last-child{border-right:0}/* section furniture: all headers left-aligned */ .boardpath-site .sec-head{max-width:780px;margin-bottom:clamp(30px,4vw,52px)} .boardpath-site .sec-head h2{margin:14px 0 16px} .boardpath-site .dark{color:var(--white)} .boardpath-site .dark h2, .boardpath-site .dark h3{color:var(--white)} .boardpath-site .sig{color:var(--signal);font-style:italic;font-weight:600}/* frustrations */ .boardpath-site .fr-grid{background:var(--paper-2);border:1px solid var(--paper-2)} .boardpath-site .fr{background:var(--white);padding:28px 22px 26px;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:.18s} .boardpath-site .fr:hover{background:var(--paper);transform:translateY(-2px)} .boardpath-site .fr-num{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--slate-3)} .boardpath-site .fr h3{font-size:17.5px;line-height:1.24} .boardpath-site .fr p{font-size:14px;line-height:1.5;color:#5A5754} .boardpath-site .fr-ico{margin-bottom:2px} .boardpath-site .fr-more{margin-top:auto;padding-top:14px;font-size:13px;font-weight:700;color:var(--signal)} .boardpath-site .fr-link{margin-top:clamp(32px,4vw,46px)}/* three things */ .boardpath-site .out{border-top:3px solid var(--signal);padding-top:22px} .boardpath-site .out-ico{margin-bottom:16px} .boardpath-site .out h3{font-size:20px;margin-bottom:10px} .boardpath-site .out p{font-size:15px;line-height:1.55;color:#5A5754} .boardpath-site .how-close{max-width:660px;margin:clamp(32px,3.8vw,46px) 0 0;font-family:var(--serif);font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:#3A3836} .boardpath-site .how-btn{margin:26px 0 clamp(34px,4vw,50px)} .boardpath-site .sys-fig{background:var(--white);border:1px solid var(--paper-2);padding:clamp(14px,2vw,30px)}/* engagements */ .boardpath-site .eng-grid{background:var(--paper-2);border:1px solid var(--paper-2)} .boardpath-site .eng.lead{background:#E7EDF3;padding:38px 34px 32px;position:relative;overflow:hidden} .boardpath-site .eng.lead:hover{background:#DFE7EF} .boardpath-site .eng.lead h3{font-size:27px;line-height:1.12;letter-spacing:-.025em} .boardpath-site .eng.lead p{font-size:15.5px;line-height:1.58;color:#40566E;max-width:34ch} .boardpath-site .eng.lead .eng-go{color:var(--ink)} .boardpath-site .eng-mark{position:absolute;right:-52px;bottom:-56px;opacity:.13;pointer-events:none} .boardpath-site .eng{background:var(--white);padding:32px 26px 28px;text-decoration:none;display:flex;flex-direction:column;gap:12px;transition:.18s} .boardpath-site .eng:hover{background:var(--paper)} .boardpath-site .eng-cat{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)} .boardpath-site .eng h3{font-size:19.5px;line-height:1.2} .boardpath-site .eng p{font-size:14.5px;line-height:1.56;color:#5A5754} .boardpath-site .eng-go{margin-top:auto;padding-top:20px;font-size:13.5px;font-weight:700} .boardpath-site .eng-note p{font-family:var(--serif);font-size:16px;color:#3A3836} @media(max-width:1040px){.boardpath-site .eng.lead{grid-column:span 2}.boardpath-site .eng.lead p{max-width:52ch}} @media(max-width:600px){.boardpath-site .eng.lead{grid-column:auto}}/* checkup */ .boardpath-site .check-in h2{margin:14px 0 16px} .boardpath-site .check-meta{margin-top:24px;font-size:13.5px;color:#5A5754} .boardpath-site .check-meta b{display:block;font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.02em}/* quote */ .boardpath-site .qcard{max-width:920px;background:var(--paper);border-top:3px solid var(--signal);padding:clamp(32px,4vw,54px)} .boardpath-site .qcard blockquote{margin:14px 0 0;font-family:var(--serif);font-size:clamp(21px,2.6vw,33px);line-height:1.33;letter-spacing:-.012em;color:var(--ink)} .boardpath-site .qcard cite{display:block;margin-top:26px;font-family:var(--sans);font-style:normal;font-size:14px;font-weight:700;color:var(--slate)} .boardpath-site .qcard cite span{display:block;font-weight:400;color:#7C7770;margin-top:4px}/* close */ .boardpath-site .close h2{margin:14px 0 18px} .boardpath-site .close-list{display:flex;flex-direction:column;margin-top:6px} .boardpath-site .close-list div{padding:14px 0;border-top:1px solid rgba(250,249,247,.14);font-size:14.5px;color:#CFCBC7} .boardpath-site .close-list div b{color:var(--white);font-weight:700}/* footer */ .boardpath-site footer{background:var(--ink);color:#8B8681;border-top:1px solid rgba(250,249,247,.1);padding:52px 0 40px;font-size:14px} .boardpath-site .f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:34px} .boardpath-site .f-grid h4{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-2);margin:0 0 14px} .boardpath-site .f-grid a{display:block;color:#CFCBC7;text-decoration:none;padding:5px 0} .boardpath-site .f-grid a:hover{color:var(--white)} .boardpath-site .f-bot{border-top:1px solid rgba(250,249,247,.1);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px} @media(max-width:820px){.boardpath-site .f-grid{grid-template-columns:1fr 1fr}}/* ---------- interior page furniture ---------- */ .boardpath-site .phero{color:var(--white);position:relative;overflow:hidden} .boardpath-site .phero-in{padding-block:calc(clamp(52px,6vw,88px) + 70px) clamp(44px,5vw,76px);position:relative;z-index:1} .boardpath-site .phero-copy{max-width:820px} .boardpath-site .key{margin-top:34px;padding-top:24px;border-top:1px solid rgba(250,249,247,.16);max-width:540px} .boardpath-site .key svg{flex:none} .boardpath-site .key-l{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-2);margin-bottom:5px} .boardpath-site .key-v{font-size:16px;font-weight:700;color:var(--white);letter-spacing:-.01em;line-height:1.35} @media(max-width:560px){.boardpath-site .key svg{width:80px;height:80px}} .boardpath-site .phero h1{margin:16px 0 20px} .boardpath-site .phero .lede{font-family:var(--serif);font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#CFCBC7;max-width:52ch} .boardpath-site .phero .hero-cta{margin-top:30px} .boardpath-site .crumb{font-size:12.5px;color:var(--slate-3);margin-bottom:6px} .boardpath-site .crumb a{text-decoration:none;color:var(--slate-3)} .boardpath-site .crumb a:hover{color:var(--white)}/* dropdown */ .boardpath-site .has-sub{position:relative} .boardpath-site .has-sub>span{cursor:default;display:inline-flex;align-items:center;gap:5px;padding:6px 0;border-bottom:2px solid transparent} .boardpath-site .sub{position:absolute;top:100%;left:-18px;min-width:290px;background:var(--white);border:1px solid var(--paper-2);box-shadow:0 14px 34px rgba(32,30,29,.13);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s} .boardpath-site .has-sub:hover .sub, .boardpath-site .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none} .boardpath-site .sub a{display:block;padding:10px 12px;border:0;color:#3A3836;text-decoration:none;font-size:14px} .boardpath-site .sub a:hover{background:var(--paper)} .boardpath-site .sub a b{display:block;font-weight:700;font-size:14.5px;color:var(--ink)} .boardpath-site .sub a i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);display:block;margin-bottom:3px} .boardpath-site .nav.solid .sub a{color:#3A3836}/* prose + measured text */ .boardpath-site .prose{max-width:720px} .boardpath-site .prose p{font-family:var(--serif);font-size:clamp(16px,1.2vw,18.5px);line-height:1.65;color:#3A3836;margin-bottom:20px} .boardpath-site .prose p:last-child{margin-bottom:0} .boardpath-site .prose p.big{font-size:clamp(19px,1.8vw,25px);line-height:1.45;color:var(--ink)} .boardpath-site .dark .prose p{color:#CFCBC7} .boardpath-site .dark .prose p.big{color:var(--white)}/* numbered deep-dive rows */ .boardpath-site .dive{border-top:1px solid var(--paper-2);padding-top:clamp(28px,3.4vw,44px);margin-top:clamp(34px,4vw,56px)} .boardpath-site .dive:first-of-type{border-top:0;margin-top:0;padding-top:0} .boardpath-site .dive-n{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--slate-3);margin-bottom:10px} .boardpath-site .dive h3{font-size:clamp(24px,2.7vw,34px);line-height:1.14;margin-bottom:14px} .boardpath-site .dive .said{font-family:var(--serif);font-size:17px;line-height:1.5;color:var(--slate);border-left:3px solid var(--signal);padding-left:16px;margin-bottom:0} .boardpath-site .dive-body p{font-family:var(--serif);font-size:16.5px;line-height:1.65;color:#3A3836;margin-bottom:16px} .boardpath-site .dive-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--paper-2)} .boardpath-site .dive-tags svg{margin-right:8px;flex:none} .boardpath-site .dive-tags span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);background:#EDF1F5;padding:6px 11px} .boardpath-site .dive-tags em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8B8681;padding:6px 0}/* discipline rows */ .boardpath-site .disc{padding:clamp(26px,3vw,38px) 0;border-top:1px solid var(--paper-2)} .boardpath-site .disc h3{font-size:22px;margin-bottom:8px} .boardpath-site .disc .q{font-family:var(--serif);font-size:16.5px;line-height:1.55;color:#3A3836} .boardpath-site .disc-state{border-left:1px solid var(--paper-2);padding-left:clamp(16px,1.8vw,26px)} .boardpath-site .disc-state .lab{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px} .boardpath-site .disc-state .weak .lab{color:#9B948D} .boardpath-site .disc-state .ready .lab{color:var(--signal)} .boardpath-site .disc-state p{font-size:15px;line-height:1.55;color:#3A3836} .boardpath-site .disc-state .weak{margin-bottom:18px} .boardpath-site .disc-state .weak p{color:#6E6862} @media(max-width:820px){.boardpath-site .disc-state{grid-column:2;border-left:0;padding-left:0;padding-top:16px;border-top:1px solid var(--paper-2)}}/* soar */ .boardpath-site .soar{background:rgba(250,249,247,.16);border:1px solid rgba(250,249,247,.16)} .boardpath-site .soar div{background:var(--ink);padding:26px 22px} .boardpath-site .soar h3{font-size:19px;margin-bottom:8px} .boardpath-site .soar p{font-size:14.5px;line-height:1.55;color:#CFCBC7} .boardpath-site .soar b{display:block;font-size:34px;font-weight:800;color:var(--signal);letter-spacing:-.03em;line-height:1;margin-bottom:12px}/* checklist */ .boardpath-site .ticks{list-style:none;margin:0;padding:0;max-width:760px} .boardpath-site .ticks li{position:relative;padding:16px 0 16px 40px;border-bottom:1px solid var(--paper-2);font-family:var(--serif);font-size:17px;line-height:1.5;color:#3A3836} .boardpath-site .ticks li:first-child{border-top:1px solid var(--paper-2)} .boardpath-site .ticks li:before{content:"";position:absolute;left:6px;top:24px;width:14px;height:8px;border-left:2.5px solid var(--signal);border-bottom:2.5px solid var(--signal);transform:rotate(-45deg)} .boardpath-site .dark .ticks li{color:#CFCBC7;border-color:rgba(250,249,247,.14)} .boardpath-site .dark .ticks li:first-child{border-top-color:rgba(250,249,247,.14)}/* phases */ .boardpath-site .phase{padding:clamp(24px,3vw,36px) 0;border-top:1px solid var(--paper-2)} .boardpath-site .phase-k{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)} .boardpath-site .phase-k b{display:block;font-family:var(--sans);font-size:23px;font-weight:800;letter-spacing:-.02em;text-transform:none;color:var(--ink);margin-top:8px;line-height:1.2} .boardpath-site .phase p{font-family:var(--serif);font-size:16.5px;line-height:1.65;color:#3A3836} .boardpath-site .phase ul{margin:14px 0 0;padding-left:18px} .boardpath-site .phase li{font-size:15px;line-height:1.55;color:#5A5754;margin-bottom:6px}/* facts strip */ .boardpath-site .facts{background:var(--paper-2);border:1px solid var(--paper-2)} .boardpath-site .facts div{background:var(--white);padding:24px 22px} .boardpath-site .facts dt{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-2);margin-bottom:8px} .boardpath-site .facts dd{margin:0;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.01em} .boardpath-site .facts dd span{display:block;font-weight:400;font-size:14px;color:#5A5754;margin-top:4px}/* routes */ .boardpath-site .routes{background:var(--paper-2);border:1px solid var(--paper-2)} .boardpath-site .route{background:var(--white);padding:32px 28px;display:flex;flex-direction:column;gap:12px;text-decoration:none;transition:.16s} .boardpath-site .route:hover{background:var(--paper)} .boardpath-site .route h3{font-size:21px} .boardpath-site .route .when{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)} .boardpath-site .route p{font-size:15px;line-height:1.56;color:#5A5754} .boardpath-site .route .eng-go{margin-top:auto;padding-top:18px;font-size:13.5px;font-weight:700}/* form */ .boardpath-site .field{margin-bottom:18px} .boardpath-site .field label{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-2);margin-bottom:7px} .boardpath-site .field input, .boardpath-site .field select, .boardpath-site .field textarea{width:100%;font:inherit;font-size:15px;padding:12px 13px;border:1px solid var(--line);background:var(--white);border-radius:2px;color:var(--ink)} .boardpath-site .field textarea{min-height:130px;resize:vertical} .boardpath-site .field input:focus, .boardpath-site .field select:focus, .boardpath-site .field textarea:focus{outline:2px solid var(--slate-2);outline-offset:-1px;border-color:var(--slate-2)} .boardpath-site .privacy{font-size:13px;color:#7C7770;margin-top:14px;line-height:1.5}/* ---------- rhythm: density modifiers ---------- */ .boardpath-site section.tight{padding-block:clamp(34px,4vw,58px)} .boardpath-site section.wide{padding-block:clamp(74px,9vw,136px)}/* asymmetric section: label and headline left, content right */ .boardpath-site .split-l h2{line-height:1.1;margin:12px 0 0} .boardpath-site .split-l p:not(.eyebrow){margin-top:14px;font-family:var(--serif);font-size:15.5px;line-height:1.6;color:#5A5754}/* criteria: conditions a reader tests themselves against */ .boardpath-site .crit{border-top:2px solid var(--ink)} .boardpath-site .crit>div{padding:17px 0;border-bottom:1px solid var(--paper-2)} .boardpath-site .crit i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--slate-3)} .boardpath-site .crit p{font-family:var(--serif);font-size:clamp(16.5px,1.35vw,19px);line-height:1.42;color:var(--ink)}/* the one line that matters, at full scale, alone */ .boardpath-site .statement{color:var(--white)} .boardpath-site .statement .shell{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(26px,5vw,84px);align-items:end} .boardpath-site .statement h2{letter-spacing:-.03em;line-height:1.05} .boardpath-site .statement span{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6;letter-spacing:0;color:#CFCBC7;padding-bottom:6px} .boardpath-site .statement .cta{grid-column:1/-1;margin-top:clamp(24px,3vw,38px)} @media(max-width:880px){.boardpath-site .statement .shell{grid-template-columns:1fr;align-items:start;gap:22px}}/* outcomes: promises, at scale, not a checklist */ .boardpath-site .outs{border-top:1px solid var(--paper-2)} .boardpath-site .outs>div{padding:clamp(19px,2.2vw,28px) 0;border-bottom:1px solid var(--paper-2)} .boardpath-site .outs i{display:block;height:3px;background:var(--signal);margin-top:15px} .boardpath-site .outs p{font-size:clamp(18px,1.85vw,25px);line-height:1.3;letter-spacing:-.016em;color:var(--ink);max-width:46ch} .boardpath-site .lede-lab{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-2);margin-bottom:14px}/* boundaries: quiet, dense, deliberately unglamorous */ .boardpath-site .nots>div{margin-bottom:24px} .boardpath-site .nots b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#8B8681;margin-bottom:7px} .boardpath-site .nots p{font-size:15px;line-height:1.6;color:#5A5754}/* diagnosis: what you see against what it usually is */ .boardpath-site .diag{border-top:2px solid var(--ink)} .boardpath-site .diag>div{padding:20px 0;border-bottom:1px solid var(--paper-2)} .boardpath-site .diag .hd{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-2)} .boardpath-site .diag .sym{font-family:var(--serif);font-size:clamp(16px,1.3vw,18px);line-height:1.45;color:var(--ink)} .boardpath-site .diag .cau{font-size:15px;line-height:1.55;color:#5A5754} .boardpath-site .diag .cau b{color:var(--signal)} @media(max-width:700px){.boardpath-site .diag>div:first-child{display:none}}/* review flags, removed by setting REVIEW = False */ .boardpath-site .flag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);border:1.5px solid var(--signal);padding:3px 8px;margin-bottom:10px} .boardpath-site .flag+.flagnote{font-size:13px;line-height:1.5;color:var(--signal);margin-bottom:12px;max-width:60ch}/* belief / principle rows */ .boardpath-site .tenet{padding:clamp(22px,2.6vw,32px) 0;border-top:1px solid var(--paper-2)} .boardpath-site .tenet-n{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--slate-3);line-height:1} .boardpath-site .tenet h3{font-size:21px;margin-bottom:10px;line-height:1.2} .boardpath-site .tenet p:not(.eyebrow){font-family:var(--serif);font-size:16.5px;line-height:1.62;color:#3A3836;max-width:64ch} .boardpath-site .dark .tenet{border-color:rgba(250,249,247,.14)} .boardpath-site .dark .tenet p{color:#CFCBC7}/* sector rows */ .boardpath-site .sector{padding:clamp(26px,3vw,38px) 0;border-top:1px solid var(--paper-2)} .boardpath-site .sector h3{font-size:23px;line-height:1.16;margin-bottom:10px} .boardpath-site .sector .who{font-size:14px;color:#7C7770;line-height:1.5} .boardpath-site .sector p:not(.eyebrow){font-family:var(--serif);font-size:16.5px;line-height:1.62;color:#3A3836;margin-bottom:14px} .boardpath-site .sector .lean{display:flex;align-items:center;gap:14px;padding-top:14px;border-top:1px solid var(--paper-2)} .boardpath-site .sector .lean p{font-family:var(--sans);font-size:14px;margin:0;color:#5A5754} .boardpath-site .sector .lean b{color:var(--ink)}/* insights index */ .boardpath-site .ins{padding:26px 0;border-top:1px solid var(--paper-2)} .boardpath-site .ins:last-of-type{border-bottom:1px solid var(--paper-2)} .boardpath-site .ins-d{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-2)} .boardpath-site .ins h3{font-size:21px;line-height:1.2;margin-bottom:8px} .boardpath-site .ins p{font-size:15px;line-height:1.6;color:#5A5754;max-width:62ch} .boardpath-site .ins .stat{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9B948D;border:1px solid var(--line);padding:4px 9px;white-space:nowrap;display:inline-block} .boardpath-site .bp-related-light{background:var(--paper-2);border-color:var(--paper-2)} .boardpath-site .bp-related-light a{background:var(--white)} .boardpath-site .bp-related-light a:hover{background:var(--paper)} .boardpath-site .bp-related-light b{color:var(--ink)} .boardpath-site .bp-related-light span{color:#5A5754}/* small related nav */ .boardpath-site .related{background:rgba(250,249,247,.16);border:1px solid rgba(250,249,247,.16)} .boardpath-site .related a{background:var(--ink);padding:24px 22px;text-decoration:none;transition:.16s} .boardpath-site .related a:hover{background:#2A2827} .boardpath-site .related b{display:block;font-size:17px;font-weight:700;color:var(--white);margin-bottom:6px} .boardpath-site .related span{font-size:14px;color:#8B8681;line-height:1.5} .boardpath-site .ck{max-width:820px} .boardpath-site .ck-bar{height:3px;background:var(--paper-2);margin-bottom:10px} .boardpath-site .ck-bar i{display:block;height:3px;background:var(--signal);width:0;transition:width .28s ease} .boardpath-site .ck-step{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-2);margin-bottom:clamp(26px,3vw,40px)} .boardpath-site .ck-item{padding:22px 0;border-top:1px solid var(--paper-2)} .boardpath-site .ck-item:last-of-type{border-bottom:1px solid var(--paper-2)} .boardpath-site .ck-item p{font-family:var(--serif);font-size:clamp(16.5px,1.4vw,19px);line-height:1.5;color:var(--ink);margin-bottom:16px} .boardpath-site .ck-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:560px} .boardpath-site .ck-opts button{font:inherit;font-size:12.5px;font-weight:700;padding:11px 6px;background:var(--white);border:1.5px solid var(--line);border-radius:2px;color:#5A5754;cursor:pointer;transition:.14s;text-align:center} .boardpath-site .ck-opts button:hover{border-color:var(--slate-2);color:var(--ink)} .boardpath-site .ck-opts button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)} .boardpath-site .ck-nav{display:flex;gap:12px;align-items:center;margin-top:clamp(28px,3vw,40px)} .boardpath-site .ck-nav .warn{font-size:13.5px;color:var(--signal);font-weight:700} .boardpath-site .ck-back{background:none;border:0;font:inherit;font-size:14px;font-weight:700;color:#5A5754;cursor:pointer;text-decoration:underline;text-underline-offset:3px} .boardpath-site button.btn{cursor:pointer;font-family:inherit} .boardpath-site button.btn:disabled{opacity:.4;cursor:not-allowed} @media(max-width:620px){.boardpath-site .ck-opts{grid-template-columns:1fr 1fr}}/* results */ .boardpath-site .res-top{display:grid;grid-template-columns:1fr 240px;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(34px,4vw,54px)} .boardpath-site .res-top h2{font-size:clamp(26px,3.2vw,40px);line-height:1.1} .boardpath-site .res-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:12px;color:#5A5754} .boardpath-site .res-legend span{display:flex;align-items:center;gap:6px} .boardpath-site .res-legend i{width:10px;height:10px;border-radius:50%;display:block} .boardpath-site .res-row{padding:22px 0;border-top:1px solid var(--paper-2);display:grid;grid-template-columns:190px 1fr;gap:clamp(16px,2.4vw,34px);align-items:start} .boardpath-site .res-row:last-child{border-bottom:1px solid var(--paper-2)} .boardpath-site .res-name{font-size:18px;font-weight:800;letter-spacing:-.01em} .boardpath-site .res-band{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:5px} .boardpath-site .res-meter{height:8px;background:var(--paper-2);margin-bottom:12px;max-width:420px} .boardpath-site .res-meter i{display:block;height:8px} .boardpath-site .res-row p{font-size:15px;line-height:1.6;color:#3A3836;max-width:62ch} .boardpath-site .res-feels{margin-top:12px;font-size:14px;color:#5A5754} .boardpath-site .res-feels a{color:var(--signal);font-weight:700} @media(max-width:760px){.boardpath-site .res-top{grid-template-columns:1fr}.boardpath-site .res-row{grid-template-columns:1fr;gap:10px}}/* share the result */ .boardpath-site .send{background:var(--paper);border-top:3px solid var(--signal);padding:clamp(28px,3.4vw,48px);margin-top:clamp(38px,4.4vw,64px)} .boardpath-site .send h3{font-size:clamp(22px,2.4vw,30px);line-height:1.14;margin:12px 0 14px} .boardpath-site .send .lede{font-family:var(--serif);font-size:17px;line-height:1.6;color:#3A3836;max-width:52ch} .boardpath-site .send-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(26px,3.4vw,54px);margin-top:clamp(26px,3vw,38px);align-items:start} .boardpath-site .send-what{border-left:1px solid var(--line);padding-left:clamp(18px,2vw,28px)} .boardpath-site .send-what p.lab{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-2);margin-bottom:12px} .boardpath-site .send-what li{font-size:14.5px;line-height:1.5;color:#3A3836;padding:8px 0 8px 16px;position:relative;list-style:none} .boardpath-site .send-what li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;background:var(--signal)} .boardpath-site .send-what ul{margin:0;padding:0} .boardpath-site .also{margin-top:6px} .boardpath-site .also .field{margin-bottom:10px} .boardpath-site .addmore{background:none;border:0;font:inherit;font-size:13.5px;font-weight:700;color:var(--signal);cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px} .boardpath-site .optin{display:flex;gap:10px;align-items:flex-start;margin:18px 0 6px;font-size:14.5px;line-height:1.5;color:#3A3836;cursor:pointer} .boardpath-site .optin input{margin-top:3px;width:16px;height:16px;flex:none;accent-color:var(--signal)} .boardpath-site .promise{font-size:13.5px;line-height:1.55;color:#5A5754;background:var(--white);border-left:3px solid var(--slate-3);padding:12px 14px;margin:18px 0} .boardpath-site .send-done{display:none} .boardpath-site .send-done h3{margin-top:0} @media(max-width:820px){.boardpath-site .send-grid{grid-template-columns:1fr}.boardpath-site .send-what{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}}/* ============================================================================ Port adjustments. Deliberately short. There is no container reset: containers keep Elementor's own behaviour, so removing a class from one changes nothing about how the builder treats it. ========================================================================== *//* Layout removed above still needs its spacing. */ .boardpath-site .hero-cta{margin-top:30px} .boardpath-site .eng-note{margin-top:clamp(28px,3.4vw,40px)}/* Widget wrappers carry neutral markers only, never the design's own classes. */ .boardpath-site .bp-native-heading{margin:0} .boardpath-site .bp-native-text p:last-child{margin-bottom:0} .boardpath-site .bp-native-raw{display:block;width:100%;line-height:normal} .boardpath-site .bp-native-raw>.elementor-widget-container{width:100%}/* Buttons: Elementor button widgets carrying a variant marker. */ .boardpath-site .bp-native-button .elementor-button{ display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:700; font-size:14.5px;line-height:1.2;padding:12px 20px;border-radius:2px; border:1.5px solid transparent;background:none;transition:.16s;text-decoration:none} .boardpath-site .bp-btn-solid .elementor-button{background:var(--signal);color:#fff} .boardpath-site .bp-btn-solid .elementor-button:hover{background:#a82009;color:#fff} .boardpath-site .bp-btn-ghost .elementor-button{border-color:rgba(250,249,247,.34);color:var(--white)} .boardpath-site .bp-btn-ghost .elementor-button:hover{border-color:var(--white);color:var(--white)} .boardpath-site .bp-btn-out .elementor-button{border-color:var(--ink);color:var(--ink)} .boardpath-site .bp-btn-out .elementor-button:hover{background:var(--ink);color:var(--white)}/* .dive-tags contains an SVG, so the installer makes it a container, and a container needs its direction stated. The rest of the display:flex rules in this file sit inside HTML widgets where the browser default of row already applies. */ .boardpath-site .dive-tags{flex-direction:row}/* Legibility inside dark bands. Elementor's kit colours headings and body text with the Ink global, which on an ink background renders as nothing at all. */ .boardpath-site .dark .elementor-heading-title, .boardpath-site .phero .elementor-heading-title, .boardpath-site .statement .elementor-heading-title, .boardpath-site .hero .elementor-heading-title, .boardpath-site .close .elementor-heading-title{color:var(--white)} .boardpath-site .dark .elementor-widget-text-editor, .boardpath-site .phero .elementor-widget-text-editor, .boardpath-site .statement .elementor-widget-text-editor, .boardpath-site .hero .elementor-widget-text-editor, .boardpath-site .close .elementor-widget-text-editor{color:#CFCBC7} .boardpath-site .dark .eyebrow, .boardpath-site .phero .eyebrow, .boardpath-site .statement .eyebrow, .boardpath-site .hero .eyebrow, .boardpath-site .close .eyebrow{color:var(--slate-3)} .boardpath-site .soar .elementor-heading-title{color:var(--white)} .boardpath-site .soar .elementor-widget-text-editor{color:#CFCBC7}/* The four SOAR cells sit on an ink section, so they need to be a shade apart from it. */ .boardpath-site .soar>.e-con{background:var(--ink-2);padding:26px 22px} .boardpath-site .soar b{display:block;font-size:34px;font-weight:800;color:var(--signal); letter-spacing:-.03em;line-height:1;margin-bottom:10px}/* Sticky headers cover whatever you jump to. Give everything room to land. */ .boardpath-site .bp-native-section, .boardpath-site .ck, .boardpath-site [id]{scroll-margin-top:130px}/* Children the installer sizes to their content. Elementor defaults them to 100%. */ .boardpath-site .bp-w-auto{width:auto;max-width:100%;flex:0 0 auto} .boardpath-site .bp-ring-inline{display:flex;line-height:0}/* The Checkup and the resource gate. .shell no longer carries a width, because Elementor's boxed container owns that on every page section. The Checkup widget sits in one, so it needs the measure stated here. */ .boardpath-site .ck{max-width:820px;margin-inline:auto} .boardpath-site .ck-opts button:disabled, .boardpath-site .ck-nav .btn:disabled{opacity:.35;cursor:not-allowed} .boardpath-site .ck-item:first-of-type{border-top:1px solid var(--paper-2)}/* Panels toggled with the hidden attribute must actually hide, whatever else styles them. */ .boardpath-site [hidden]{display:none!important}/* Resource download gate. Reuses the Checkup capture styles. */ .boardpath-site .bp-gate{scroll-margin-top:110px}/* .addmore is a