PageSourceSearch

https://frableconsulting.com/

html frableconsulting.com collected 2026-10-04 18:32:19 UTC 29,885 bytes, 964 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="theme-color" content="#13110e">
6  <meta property="og:type" content="website">
7  <meta property="og:title" content="Frable Consulting — Executive Coaching & AI Literacy">
8  <meta property="og:description" content="I embed with ambitious leaders and their teams to help them get unstuck. Executive coaching, team performance, and AI literacy for organizations doing work that matters.">
9  <meta property="og:url" content="https://www.frableconsulting.com/">
10  <meta property="og:site_name" content="Frable Consulting">
11  <meta name="twitter:card" content="summary_large_image">
12  <meta name="twitter:title" content="Frable Consulting — Executive Coaching & AI Literacy">
13  <meta name="twitter:description" content="I embed with ambitious leaders and their teams to help them get unstuck. Executive coaching, team performance, and AI literacy for organizations doing work that matters.">
14<meta name="viewport" content="width=device-width, initial-scale=1.0">
15<title>Frable Consulting — Executive Coaching & AI Literacy</title>
16<link rel="preconnect" href="https://fonts.googleapis.com">
17<link href="https://fonts.googleapis.com/css2?family=Editorial+New:ital@0;1&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=Suisse+Int%27l:wght@300;400&family=DM+Mono:wght@300;400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
18
19<style>
20*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
21
22/* ─── THEME ─── */
23body {
24  --bg: #13110e;
25  --bg-2: #1a1710;
26  --bg-3: #201d15;
27  --rule: rgba(212,190,150,0.12);
28  --text-primary: #f0ead8;
29  --text-secondary: #8a7d65;
30  --text-muted: #4a4030;
31  --accent: #c8a96a;
32  --accent-dim: #7a6340;
33  --tag-color: #a07848;
34  font-family: 'DM Sans', sans-serif;
35  background: #13110e;
36  color: #f0ead8;
37  -webkit-font-smoothing: antialiased;
38}
39
40/* ─── NAV ─── */
41nav {
42  position: fixed;
43  top: 0; left: 0; right: 0;
44  z-index: 100;
45  display: flex;
46  justify-content: space-between;
47  align-items: center;
48  padding: 1.75rem 3.5rem;
49  border-bottom: 1px solid var(--rule);
50  background: var(--bg);
51}
52
53.nav-logo {
54  font-family: 'DM Sans', sans-serif;
55  font-size: 0.7rem;
56  font-weight: 500;
57  letter-spacing: 0.2em;
58  text-transform: uppercase;
59  color: var(--text-primary);
60  text-decoration: none;
61}
62
63.nav-links {
64  display: flex;
65  gap: 2.5rem;
66  list-style: none;
67  align-items: center;
68}
69
70.nav-links a {
71  font-size: 0.7rem;
72  letter-spacing: 0.1em;
73  text-transform: uppercase;
74  color: var(--text-secondary);
75  text-decoration: none;
76  transition: color 0.2s;
77}
78
79.nav-links a:hover { color: var(--text-primary); }
80
81.nav-links .cta-link {
82  color: var(--accent);
83  border-bottom: 1px solid var(--accent-dim);
84  padding-bottom: 1px;
85}
86
87/* ─── MOBILE NAV ─── */
88.nav-hamburger {
89  display: none;
90  flex-direction: column;
91  gap: 5px;
92  cursor: pointer;
93  background: none;
94  border: none;
95  min-width: 44px;
96  min-height: 44px;
97  justify-content: center;
98  align-items: center;
99  padding: 4px;
100}
101
102.nav-hamburger span {
103  display: block;
104  width: 22px;
105  height: 1px;
106  background: var(--text-secondary);
107  transition: all 0.3s;
108}
109
110.nav-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
111.nav-hamburger.open span:nth-child(2) { opacity: 0; }
112.nav-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
113
114.mobile-menu {
115  display: none;
116  position: fixed;
117  top: 0; left: 0; right: 0; bottom: 0;
118  background: var(--bg);
119  z-index: 99;
120  flex-direction: column;
121  justify-content: center;
122  align-items: center;
123  gap: 2.5rem;
124}
125
126.mobile-menu.open { display: flex; }
127
128.mobile-menu a {
129  font-size: 1.5rem;
130  font-family: 'Libre Baskerville', serif;
131  color: var(--text-primary);
132  text-decoration: none;
133  transition: color 0.2s;
134  min-height: 44px;
135  display: flex;
136  align-items: center;
137}
138
139.mobile-menu a:hover { color: var(--accent); }
140.mobile-menu .mobile-cta { color: var(--accent); }
141
142/* ─── HERO ─── */
143.hero {
144  min-height: 100vh;
145  display: grid;
146  grid-template-rows: 1fr auto;
147  padding: 12rem 3.5rem 5rem;
148  border-bottom: 1px solid var(--rule);
149  position: relative;
150}
151
152.hero-content {
153  display: flex;
154  flex-direction: column;
155  justify-content: flex-end;
156  max-width: 900px;
157}
158
159.hero-eyebrow {
160  font-size: 0.65rem;
161  letter-spacing: 0.25em;
162  text-transform: uppercase;
163  color: var(--tag-color);
164  margin-bottom: 3rem;
165  display: flex;
166  align-items: center;
167  gap: 1rem;
168}
169
170.hero-eyebrow::before {
171  content: '';
172  width: 24px;
173  height: 1px;
174  background: var(--tag-color);
175}
176
177.hero-headline {
178  font-family: 'Libre Baskerville', serif;
179  font-size: clamp(2.6rem, 5.5vw, 5rem);
180  font-weight: 400;
181  line-height: 1.12;
182  letter-spacing: -0.02em;
183  color: var(--text-primary);
184  margin-bottom: 3rem;
185}
186
187.hero-headline em {
188  font-style: italic;
189  color: var(--accent);
190}
191
192.hero-sub {
193  font-size: 0.95rem;
194  color: var(--text-secondary);
195  max-width: 480px;
196  line-height: 1.85;
197  margin-bottom: 3.5rem;
198  font-weight: 300;
199}
200
201.hero-cta {
202  display: inline-flex;
203  align-items: center;
204  gap: 1rem;
205  color: var(--text-primary);
206  text-decoration: none;
207  font-size: 0.7rem;
208  letter-spacing: 0.18em;
209  text-transform: uppercase;
210  font-weight: 500;
211  transition: gap 0.25s;
212  width: fit-content;
213  border-bottom: 1px solid var(--rule);
214  padding-bottom: 0.75rem;
215}
216
217.hero-cta:hover { gap: 1.5rem; border-color: var(--accent); color: var(--accent); }
218
219.hero-meta {
220  display: flex;
221  justify-content: space-between;
222  align-items: flex-end;
223  padding-top: 3rem;
224  border-top: 1px solid var(--rule);
225  margin-top: 4rem;
226}
227
228.hero-meta-left {
229  font-size: 0.65rem;
230  letter-spacing: 0.1em;
231  color: var(--text-muted);
232  text-transform: uppercase;
233  line-height: 1.8;
234}
235
236.hero-meta-right {
237  font-family: 'Libre Baskerville', serif;
238  font-style: italic;
239  font-size: 0.9rem;
240  color: var(--text-muted);
241  text-align: right;
242}
243
244/* ─── SECTION SHARED ─── */
245.section {
246  padding: 7rem 3.5rem;
247  border-bottom: 1px solid var(--rule);
248}
249
250.section-header {
251  display: flex;
252  align-items: center;
253  gap: 1rem;
254  margin-bottom: 5rem;
255  font-size: 0.6rem;
256  letter-spacing: 0.3em;
257  text-transform: uppercase;
258  color: var(--tag-color);
259}
260
261.section-header::after {
262  content: '';
263  height: 1px;
264  flex: 0 0 32px;
265  background: var(--tag-color);
266}
267
268/* ─── PROBLEM ─── */
269.problem {
270  background: var(--bg-2);
271}
272
273.problem-items {
274  display: grid;
275  grid-template-columns: 1fr;
276  max-width: 680px;
277  margin-left: auto;
278  margin-right: auto;
279  gap: 0;
280}
281
282.problem-item {
283  padding: 2.25rem 0;
284  border-bottom: 1px solid var(--rule);
285  display: grid;
286  grid-template-columns: 2.5rem 1fr;
287  gap: 1.5rem;
288  align-items: start;
289}
290
291.problem-item:last-child { border-bottom: none; }
292
293.problem-icon {
294  padding-top: 0.25rem;
295  opacity: 0.8;
296  transition: opacity 0.3s;
297}
298
299.problem-item:hover .problem-icon { opacity: 1; }
300
301.problem-text {
302  font-family: 'Libre Baskerville', serif;
303  font-size: 1.2rem;
304  font-weight: 400;
305  line-height: 1.55;
306  color: var(--text-primary);
307}
308
309.problem-close {
310  max-width: 680px;
311  margin-left: auto;
312  margin-right: auto;
313  margin-top: 4rem;
314  padding-top: 3.5rem;
315  border-top: 1px solid var(--rule);
316  display: grid;
317  grid-template-columns: 2rem 1fr;
318  gap: 1.5rem;
319}
320
321.problem-close-bar {
322  width: 1px;
323  background: var(--accent);
324  margin: 0 auto;
325}
326
327.problem-close-text {
328  font-family: 'Libre Baskerville', serif;
329  font-size: 1.1rem;
330  font-style: italic;
331  line-height: 1.7;
332  color: var(--text-secondary);
333}
334
335/* ─── DISTINCTION ─── */
336.distinction {
337  background: var(--bg);
338}
339
340.distinction-layout {
341  display: grid;
342  grid-template-columns: 1fr 1fr;
343  gap: 8rem;
344  max-width: 1100px;
345  margin-left: auto;
346  margin-right: auto;
347}
348
349.distinction-body p {
350  font-size: 0.95rem;
351  line-height: 1.9;
352  color: var(--text-secondary);
353  margin-bottom: 1.75rem;
354  font-weight: 300;
355}
356
357.distinction-body p strong {
358  color: var(--text-primary);
359  font-weight: 400;
360}
361
362.distinction-aside {
363  padding-top: 0.5rem;
364}
365
366.distinction-aside blockquote {
367  font-family: 'Libre Baskerville', serif;
368  font-size: 1.6rem;
369  font-style: italic;
370  font-weight: 400;
371  line-height: 1.45;
372  color: var(--text-primary);
373  padding-left: 2rem;
374  border-left: 1px solid var(--accent);
375}
376
377/* ─── SERVICES ─── */
378.services {
379  background: var(--bg-2);
380}
381
382.services-grid {
383  display: grid;
384  grid-template-columns: 1fr 1fr;
385  gap: 1px;
386  background: var(--rule);
387  max-width: 1100px;
388  margin-left: auto;
389  margin-right: auto;
390}
391
392.service-card {
393  background: var(--bg-2);
394  padding: 3.5rem;
395  position: relative;
396  transition: background 0.3s;
397}
398
399.service-card:hover { background: var(--bg-3); }
400
401.service-tag {
402  font-size: 0.6rem;
403  letter-spacing: 0.25em;
404  text-transform: uppercase;
405  color: var(--tag-color);
406  margin-bottom: 2rem;
407}
408
409.service-headline {
410  font-family: 'Libre Baskerville', serif;
411  font-size: 1.4rem;
412  font-weight: 400;
413  line-height: 1.35;
414  color: var(--text-primary);
415  margin-bottom: 1.5rem;
416}
417
418.service-body {
419  font-size: 0.875rem;
420  color: var(--text-secondary);
421  line-height: 1.85;
422  margin-bottom: 2.5rem;
423  font-weight: 300;
424}
425
426.service-link {
427  font-size: 0.65rem;
428  letter-spacing: 0.18em;
429  text-transform: uppercase;
430  color: var(--accent);
431  text-decoration: none;
432  display: inline-flex;
433  align-items: center;
434  gap: 0.6rem;
435  transition: gap 0.2s;
436  border-bottom: 1px solid var(--accent-dim);
437  padding-bottom: 2px;
438}
439
440.service-link:hover { gap: 1rem; }
441
442/* ─── CREDIBILITY ─── */
443.credibility {
444  background: var(--bg);
445}
446
447.cred-layout {
448  display: grid;
449  grid-template-columns: 1fr 1fr;
450  gap: 7rem;
451  max-width: 1000px;
452}
453
454.cred-col p {
455  font-size: 0.875rem;
456  line-height: 2;
457  color: var(--text-secondary);
458  font-weight: 300;
459  margin-bottom: 1.25rem;
460}
461
462.cred-col p strong {
463  color: var(--text-primary);
464  font-weight: 400;
465}
466
467.cred-names {
468  margin-top: 0.5rem;
469  font-size: 0.8rem;
470  letter-spacing: 0.05em;
471  color: var(--text-muted);
472  line-height: 2.2;
473}
474
475.cred-names span {
476  display: inline;
477  color: var(--text-secondary);
478}
479
480/* ─── CLOSE ─── */
481.close {
482  background: var(--bg-2);
483  padding: 9rem 3.5rem;
484  border-bottom: none;
485}
486
487.close-inner {
488  max-width: 640px;
489  margin-left: auto;
490  margin-right: auto;
491}
492
493.close-headline {
494  font-family: 'Libre Baskerville', serif;
495  font-size: clamp(2rem, 3.5vw, 3rem);
496  font-weight: 400;
497  line-height: 1.25;
498  color: var(--text-primary);
499  margin-bottom: 2rem;
500}
501
502.close-body {
503  font-size: 0.9rem;
504  color: var(--text-secondary);
505  line-height: 1.9;
506  margin-bottom: 3rem;
507  font-weight: 300;
508  max-width: 520px;
509  margin-left: auto;
510  margin-right: auto;
511}
512
513/* ─── FOOTER ─── */
514footer {
515  background: var(--bg);
516  border-top: 1px solid var(--rule);
517  padding: 2.5rem 3.5rem;
518  display: grid;
519  grid-template-columns: 1fr auto 1fr;
520  align-items: center;
521  gap: 2rem;
522}
523
524.footer-logo {
525  font-size: 0.65rem;
526  letter-spacing: 0.2em;
527  text-transform: uppercase;
528  color: var(--text-muted);
529}
530
531.footer-nav {
532  display: flex;
533  gap: 2rem;
534  list-style: none;
535}
536
537.footer-nav a {
538  font-size: 0.65rem;
539  letter-spacing: 0.1em;
540  text-transform: uppercase;
541  color: var(--text-muted);
542  text-decoration: none;
543  transition: color 0.2s;
544}
545
546.footer-nav a:hover { color: var(--text-primary); }
547
548.footer-right {
549  text-align: right;
550  font-size: 0.65rem;
551  color: var(--text-muted);
552}
553
554.footer-right a {
555  color: var(--accent-dim);
556  text-decoration: none;
557  transition: color 0.2s;
558}
559
560.footer-right a:hover { color: var(--accent); }
561
562
563
564/* ─── ANIMATIONS ─── */
565@keyframes fadeUp {
566  from { opacity: 0; transform: translateY(20px); }
567  to { opacity: 1; transform: translateY(0); }
568}
569
570.hero-eyebrow { animation: fadeUp 0.5s ease 0.1s both; }
571.hero-headline { animation: fadeUp 0.7s ease 0.25s both; }
572.hero-sub { animation: fadeUp 0.7s ease 0.4s both; }
573.hero-cta { animation: fadeUp 0.7s ease 0.55s both; }
574.hero-meta { animation: fadeUp 0.7s ease 0.65s both; }
575
576@media (max-width: 860px) {
577  nav { padding: 1.25rem 1.5rem; }
578  .nav-links { display: none; }
579  .nav-hamburger { display: flex; }
580  .section, .hero, .close { padding-left: 1.5rem; padding-right: 1.5rem; }
581  .hero { padding-top: 9rem; min-height: 100svh; }
582  .distinction-layout, .services-grid, .cred-layout { grid-template-columns: 1fr; gap: 3rem; }
583  footer { grid-template-columns: 1fr; gap: 1.5rem; }
584  .footer-right { text-align: left; }
585  body {
586    background: #13110e;
587    --bg: #13110e;
588    --bg-2: #1a1710;
589    --bg-3: #201d15;
590    --text-primary: #f0ead8;
591    --text-secondary: #a89880;
592    --text-muted: #6a5a45;
593    --rule: rgba(212,190,150,0.18);
594    --tag-color: #c8a050;
595    --accent: #d4a93a;
596    --accent-dim: #a07030;
597  }
598
599  .footer-logo,
600  .footer-nav a,
601  .footer-right,
602  .hero-meta-left,
603  .hero-meta-right {
604    color: #8a7d65;
605  }
606
607  .footer-nav a:hover { color: #f0ead8; }
608  .footer-right a { color: #c8a050; }
609}
610</style>
611<script type="application/ld+json">
612{
613  "@context": "https://schema.org",
614  "@type": "ProfessionalService",
615  "name": "Frable Consulting",
616  "description": "Executive coaching, team performance, and AI literacy for C-suite leaders and their teams.",
617  "url": "https://www.frableconsulting.com",
618  "founder": {
619    "@type": "Person",
620    "name": "Alex Durand",
621    "jobTitle": "Founder & Executive Coach",
622    "alumniOf": ["Columbia University", "George Washington University", "SCAD", "PwC"]
623  },
624  "areaServed": "Worldwide",
625  "address": {
626    "@type": "PostalAddress",
627    "addressLocality": "Irvine",
628    "addressRegion": "CA",
629    "addressCountry": "US"
630  },
631  "serviceType": ["Executive Coaching", "Team Coaching", "AI Literacy Training"],
632  "sameAs": ["https://onsecondthoughtbyalex.substack.com"]
633}
634</script>
634
635  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
636  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
637  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
638  <meta property="og:image" content="https://www.frableconsulting.com/og-image.png">
639  <meta property="og:image:width" content="1200">
640  <meta property="og:image:height" content="630">
641  <meta name="twitter:image" content="https://www.frableconsulting.com/og-image.png">
642  
642<script type="application/ld+json">
643{
644  "@context": "https://schema.org",
645  "@type": "ProfessionalService",
646  "name": "Frable Consulting",
647  "url": "https://www.frableconsulting.com/",
648  "image": "https://www.frableconsulting.com/og-image.png",
649  "description": "Boutique executive coaching and organizational consulting. Embedded coaching for C-suite leaders, executive teams, and boards, plus AIQ executive AI literacy.",
650  "foundingDate": "2014",
651  "address": {
652    "@type": "PostalAddress",
653    "addressLocality": "Irvine",
654    "addressRegion": "CA",
655    "addressCountry": "US"
656  },
657  "areaServed": "Worldwide",
658  "founder": {
659    "@type": "Person",
660    "name": "Alex Durand",
661    "jobTitle": "Executive & Team Coach"
662  },
663  "sameAs": [
664    "https://www.linkedin.com/company/frable-consulting",
665    "https://onsecondthoughtbyalex.substack.com"
666  ]
667}
668  </script>
668
669  <style id="craft">
670  /* paper grain */
671  body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.035;
672    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/><feColorMatrix type="saturate" values="0"/><feColorMatrix type="saturate" values="0"/></filter><rect width="160" height="160" filter="url(%23n)"/></svg>');}
673  /* gold thread */
674  #thread-track{position:fixed;top:0;bottom:0;left:22px;width:1px;background:rgba(200,169,106,.07);z-index:60;pointer-events:none}
675  #thread{width:1px;height:0;background:linear-gradient(to bottom,rgba(200,169,106,0) 0%,#c8a96a 30%,#c8a96a 100%)}
676  @media(max-width:900px){#thread-track{left:10px}}
677  /* CTA sheen */
678  .cta-btn,.btn,.submit-btn{position:relative;overflow:hidden}
679  .cta-btn::after,.btn::after,.submit-btn::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;
680    background:linear-gradient(105deg,transparent,rgba(255,236,200,.16),transparent);
681    transform:skewX(-18deg);transition:left .55s ease;pointer-events:none}
682  .cta-btn:hover::after,.btn:hover::after,.submit-btn:hover::after{left:125%}
683  @media(prefers-reduced-motion:reduce){
684    .cta-btn::after,.btn::after,.submit-btn::after{display:none}
685    #thread-track{display:none}
686  }
687  </style>
688</head>
689<body>
690
691<!-- MOBILE MENU -->
692<div class="mobile-menu" id="mobileMenu">
693  <a href='/'>Home</a>
694  <a href='/coaching'>Coaching</a>
695  <a href='/aiq'>AIQ</a>
696  <a href='/about'>About</a>
697  <a href='/thinking'>Thinking</a>
698  <a class='mobile-cta' href='/contact'>Contact →</a>
699</div>
700
701<!-- NAV -->
702<nav>
703  <a class='nav-logo' href='/'>Frable Consulting</a>
704  <ul class="nav-links">
705    <li><a href='/coaching'>Coaching</a></li>
706    <li><a href='/aiq'>AIQ</a></li>
707    <li><a href='/about'>About</a></li>
708    <li><a href='/thinking'>Thinking</a></li>
709    <li><a class='cta-link' href='/contact'>Contact →</a></li>
710  </ul>
711  <button class="nav-hamburger" id="hamburger" onclick="toggleMenu()" aria-label="Menu">
712    <span></span><span></span><span></span>
713  </button>
714</nav>
715
716<!-- HERO -->
717<section class="hero" style="background:#13110e">
718  <div class="hero-content">
719    <h1 class="hero-headline">
720      I embed with ambitious<br>
721      leaders and their teams<br>
722      to help them <em>get unstuck.</em>
723    </h1>
724    <p class="hero-sub">
725      Frable Consulting partners with C-suite leaders, executive teams, and boards working on the hard problems that will push humanity forward.
726    </p>
727    <a class='hero-cta' href='/contact'>
728      See if this is the right fit
729      <span>→</span>
730    </a>
731  </div>
732
733  <div class="hero-meta">
734    <div class="hero-meta-left">
735      Based in Irvine, CA<br>
736      Working worldwide<br>
737      Est. 2014
738    </div>
739    <div class="hero-meta-right">
740      Helping leaders and teams<br>navigate uncertainty.
741    </div>
742  </div>
743</section>
744
745<!-- PROBLEM -->
746<section class="section problem">
747  <div class="section-header">What we're seeing</div>
748  <div class="problem-items">
749    <div class="problem-item">
750      <div class="problem-icon">
751        <!-- Macro moving fast: horizontal arrow accelerating, lines compressing -->
752        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
753          <line x1="2" y1="10" x2="14" y2="10" stroke="#c8a96a" stroke-width="0.75" opacity="0.3"/>
754          <line x1="2" y1="16" x2="20" y2="16" stroke="#c8a96a" stroke-width="0.75" opacity="0.55"/>
755          <line x1="2" y1="22" x2="26" y2="22" stroke="#c8a96a" stroke-width="1" opacity="0.8"/>
756          <polyline points="22,18 28,22 22,26" fill="none" stroke="#c8a96a" stroke-width="1" opacity="0.9"/>
757        </svg>
758      </div>
759      <div class="problem-text">The macro is moving faster than your strategy conversations can keep up with.</div>
760    </div>
761    <div class="problem-item">
762      <div class="problem-icon">
763        <!-- AI on every agenda: a grid of dots with one pulsing — noise without signal -->
764        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
765          <circle cx="8" cy="8" r="1.5" fill="#c8a96a" opacity="0.25"/>
766          <circle cx="16" cy="8" r="1.5" fill="#c8a96a" opacity="0.25"/>
767          <circle cx="24" cy="8" r="1.5" fill="#c8a96a" opacity="0.25"/>
768          <circle cx="8" cy="16" r="1.5" fill="#c8a96a" opacity="0.25"/>
769          <circle cx="16" cy="16" r="4" stroke="#c8a96a" stroke-width="1" fill="#c8a96a" fill-opacity="0.15" opacity="1"/>
770          <circle cx="16" cy="16" r="1.5" fill="#c8a96a" opacity="1"/>
771          <circle cx="24" cy="16" r="1.5" fill="#c8a96a" opacity="0.25"/>
772          <circle cx="8" cy="24" r="1.5" fill="#c8a96a" opacity="0.25"/>
773          <circle cx="16" cy="24" r="1.5" fill="#c8a96a" opacity="0.25"/>
774          <circle cx="24" cy="24" r="1.5" fill="#c8a96a" opacity="0.25"/>
775        </svg>
776      </div>
777      <div class="problem-text">AI is on every agenda and there's different levels of AI literacy on your team.</div>
778    </div>
779    <div class="problem-item">
780      <div class="problem-icon">
781        <!-- Instincts working against: two arrows pointing opposite directions -->
782        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
783          <line x1="6" y1="12" x2="26" y2="12" stroke="#c8a96a" stroke-width="1" opacity="0.9"/>
784          <polyline points="20,8 26,12 20,16" fill="none" stroke="#c8a96a" stroke-width="1" opacity="0.9"/>
785          <line x1="26" y1="20" x2="6" y2="20" stroke="#c8a96a" stroke-width="1" opacity="0.45"/>
786          <polyline points="12,16 6,20 12,24" fill="none" stroke="#c8a96a" stroke-width="1" opacity="0.45"/>
787        </svg>
788      </div>
789      <div class="problem-text">The leadership instincts that built your organization are starting to work against it.</div>
790    </div>
791    <div class="problem-item">
792      <div class="problem-icon">
793        <!-- Fragmented team: nodes drifting apart, connections breaking -->
794        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
795          <circle cx="16" cy="16" r="2.5" stroke="#c8a96a" stroke-width="1" fill="#c8a96a" fill-opacity="0.2"/>
796          <circle cx="6" cy="8" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/>
797          <circle cx="26" cy="8" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/>
798          <circle cx="6" cy="24" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/>
799          <circle cx="26" cy="24" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/>
800          <line x1="8" y1="10" x2="14" y2="14" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/>
801          <line x1="24" y1="10" x2="18" y2="14" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/>
802          <line x1="8" y1="22" x2="14" y2="18" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/>
803          <line x1="24" y1="22" x2="18" y2="18" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/>
804        </svg>
805      </div>
806      <div class="problem-text">Your team is talented. They're also fragmented, conflict-averse, and exhausted.</div>
807    </div>
808  </div>
809</section>
810
811<!-- DISTINCTION -->
812<section class="section distinction">
813  <div class="section-header">The work</div>
814  <div class="distinction-layout">
815    <div class="distinction-body">
816      <p>
817        Most leaders come to Frable at a specific kind of inflection point. The team is capable, but something isn't working. Decisions are slower than they should be. The same conversations keep happening without resolution. The strategy makes sense on paper and stalls in the room.
818      </p>
819      <p>
820        The work looks different depending on what's needed. Sometimes it's a leader who needs a trusted thinking partner. Sometimes it's a team that needs someone to name what everyone else is avoiding. Often, it starts as one and becomes the other.
821      </p>
822      <p>
823        What stays constant: the work is <strong>embedded, ongoing, and built around the specific people and moment</strong> in front of us. Not a program, not a retreat, not a methodology applied from the outside.
824      </p>
825    </div>
826    <div class="distinction-aside">
827      <blockquote>
828        The environment changed faster than the team did. That distance is where the opportunity lives.
829      </blockquote>
830    </div>
831  </div>
832</section>
833
834<!-- SERVICES -->
835<section class="section services">
836  <div class="section-header">Where to begin</div>
837  <div class="services-grid">
838    <div class="service-card">
839      <div class="service-tag">Coaching</div>
840      <h2 class="service-headline">For leaders who need a trusted partner, and teams that need one too.</h2>
841      <p class="service-body">
842        Some leaders come to Frable on their own. Others bring their whole team. Either way, the starting point is the same: an honest look at what's working, what isn't, and what the organization actually needs from its leadership right now.<br><br>
843        Engagements are built around the specific moment: the upcoming transition, the strategy that isn't landing, the team dynamic that's costing you more than anyone wants to admit. There's no fixed curriculum here. The work starts wherever you are.
844      </p>
845      <a class='service-link' href='/coaching'>Learn more →</a>
846    </div>
847    <div class="service-card">
848      <div class="service-tag">AIQ: AI Literacy for Leadership Teams</div>
849      <h2 class="service-headline">Your team is behind on AI. The question is how far, and what to do about it.</h2>
850      <p class="service-body">
851        AIQ is an executive AI literacy program designed for leadership teams who need to move from confusion to confidence. It's not a tech briefing. It's a structured way for your team to assess where you are, identify your real exposure, and make decisions together about where to go next.<br><br>
852        Most teams that go through AIQ end up having a different conversation about how they make decisions together. That's usually where the deeper work begins.
853      </p>
854      <a class='service-link' href='/aiq-assessment'>Take the free assessment →</a> &nbsp;&nbsp;
855      <a class='service-link' href='/aiq'>Learn more →</a>
856    </div>
857  </div>
858</section>
859
860<!-- CREDIBILITY -->
861<section class="section credibility">
862  <div class="section-header">Some context</div>
863  <div class="cred-layout" style="grid-template-columns: 1fr;">
864    <div class="cred-col" style="max-width: 680px;">
865      <p>
866        Frable has been doing this work for <strong>over a decade</strong>, long enough to have seen what happens when teams and leaders avoid the hard conversation, and what becomes possible when they engage for real.
867      </p>
868      <p style="margin-top: 1.5rem; font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--tag-color);">A few of our previous clients</p>
869      <div class="cred-names" style="margin-top: 1rem;">
870        <span>Dell</span> &nbsp;·&nbsp;
871        <span>Viacom</span> &nbsp;·&nbsp;
872        <span>John Deere</span> &nbsp;·&nbsp;
873        <span>PwC</span> &nbsp;·&nbsp;
874        <span>Mineral (Google X)</span> &nbsp;·&nbsp;
875        <span>CASE</span> &nbsp;·&nbsp;
876        <span>World Bank-IFC</span>
877      </div>
878    </div>
879  </div>
880</section>
881
882<!-- CLOSE -->
883<section class="section close">
884  <div class="close-inner">
885    <h2 class="close-headline">Is this the right moment?</h2>
886    <p class="close-body">
887      The leaders who get the most from this work tend to arrive at the same moment: the team is capable but stuck, the environment has shifted faster than the culture has, and what used to work has quietly stopped working.
888    </p>
889    <p class="close-body">If any of that sounds familiar, the next step is a conversation.</p>
890    <a class='hero-cta' href='/contact'>Contact us →</a>
891  </div>
892</section>
893
894<!-- FOOTER -->
895<footer>
896  <div class="footer-logo">© Frable Consulting LLC 2014–2026</div>
897  <ul class="footer-nav">
898    <li><a href='/coaching'>Coaching</a></li>
899    <li><a href='/aiq'>AIQ</a></li>
900    <li><a href='/about'>About</a></li>
901    <li><a href='/thinking'>Thinking</a></li>
902    <li><a href='/contact'>Contact</a></li>
903  </ul>
904  <div class="footer-right">
905    Also writing at <a href="https://onsecondthoughtbyalex.substack.com">On Second Thought →</a>
906  </div>
907</footer>
908
909
910<script>
911function toggleMenu() {
912  document.getElementById('mobileMenu').classList.toggle('open');
913  document.getElementById('hamburger').classList.toggle('open');
914}
915</script>
vendor: 1 bytes, line 915
915
916<script>
917(function () {
918  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
919  if (!('IntersectionObserver' in window)) return;
920  var els = document.querySelectorAll('main section, body > section, footer');
921  els.forEach(function (el) {
922    el.style.opacity = '0';
923    el.style.transform = 'translateY(12px)';
924    el.style.transition = 'opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1)';
925  });
926  var io = new IntersectionObserver(function (entries) {
927    entries.forEach(function (e) {
928      if (e.isIntersecting) {
929        e.target.style.opacity = '1';
930        e.target.style.transform = 'none';
931        io.unobserve(e.target);
932      }
933    });
934  }, { threshold: 0.08 });
935  els.forEach(function (el) { io.observe(el); });
936})();
937</script>
vendor: 1 bytes, line 937
937
938<script>
939(function () {
940  var track = document.createElement('div'); track.id = 'thread-track';
941  var fill = document.createElement('div'); fill.id = 'thread';
942  track.appendChild(fill); document.body.appendChild(track);
943  function draw() {
944    var h = document.documentElement;
945    var max = h.scrollHeight - h.clientHeight;
946    fill.style.height = (max > 0 ? (h.scrollTop / max) * 100 : 0) + '%';
947  }
948  window.addEventListener('scroll', draw, { passive: true });
949  window.addEventListener('resize', draw, { passive: true });
950  draw();
951  var seen = {};
952  document.addEventListener('mouseover', function (e) {
953    var a = e.target.closest ? e.target.closest('a[href]') : null;
954    if (!a) return;
955    var href = a.getAttribute('href');
956    if (!href || /^(https?:|#|mailto:)/.test(href) || seen[href]) return;
957    seen[href] = 1;
958    var l = document.createElement('link'); l.rel = 'prefetch'; l.href = href;
959    document.head.appendChild(l);
960  }, { passive: true });
961})();
962</script>
962
963</body>
964</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.