Part 3 of 6 — Custom Code

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Jost:wght@200;300;400;500;600&display=swap" rel="stylesheet">

<style>
/* ── DesmondGriffiths.com — Custom Font System ── */

/* CSS Variables */
:root {
  --font-heading: 'Cormorant Garamond', Georgia, serif !important;
  --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif !important;
  --color-bg: #FAF7F2;
  --color-gold: #B8945A;
  --color-ink: #0F0E0C;
  --color-body: #5A5650;
  --color-slate: #1E2029;
  --color-mist: #E8E3DA;
}

/* Headings — Cormorant Garamond */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
[class*="heading"], [class*="title"],
.site-header__title, .hero__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  letter-spacing: 0.01em;
}
h1, .h1 { font-weight: 300 !important; line-height: 1.05 !important; }
h2, .h2 { font-weight: 300 !important; line-height: 1.1 !important; }
h3, .h3 { font-weight: 400 !important; }
h4, h5, h6 { font-weight: 400 !important; }
h1 em, h2 em, h3 em, h1 i, h2 i, h3 i { font-style: italic !important; }

/* Body, nav, buttons, forms — Jost */
body, p, span, li, a, label, div,
input, textarea, select, button,
.btn, .form-btn, .button,
nav, .nav, .navbar, .menu, .menu-item,
.site-nav, .site-header {
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 300 !important;
}
nav a, .menu-item a, .navbar a,
.site-nav a, .site-header a {
  font-weight: 500 !important;
  letter-spacing: 0.06em;
}
.btn, .form-btn, button, [type="submit"],
.btn--primary, .btn--secondary {
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
strong, b { font-weight: 600 !important; }
small, .small, .caption, .eyebrow { font-weight: 300 !important; }
</style>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": ["Person", "ProfessionalService"],
  "@id": "https://www.desmondgriffiths.com/#des",
  "name": "Desmond Griffiths",
  "jobTitle": "Executive Coach, Consultant, and Integration Practitioner",
  "description": "Guide, coach, builder, healer, and companion for those navigating complexity in life, leadership, and legacy. ICF-grounded practice. Born in South Africa. Based in San Diego, California. Serving globally.",
  "url": "https://www.desmondgriffiths.com",
  "image": "https://www.desmondgriffiths.com/[YOUR-PORTRAIT-URL]",
  "sameAs": [
    "https://www.linkedin.com/in/[YOUR-LINKEDIN-HANDLE]",
    "https://www.desmondgriffiths.coach"
  ],
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "San Diego",
    "addressRegion": "CA",
    "addressCountry": "US"
  },
  "knowsAbout": [
    "Executive Coaching",
    "Life Coaching",
    "Leadership Development",
    "Integration Coaching",
    "Business Consulting",
    "Privacy and Data Governance",
    "Organizational Transformation",
    "ICF Ethics"
  ],
  "hasCredential": {
    "@type": "EducationalOccupationalCredential",
    "credentialCategory": "Professional Coaching",
    "recognizedBy": {
      "@type": "Organization",
      "name": "International Coaching Federation",
      "url": "https://coachingfederation.org"
    }
  },
  "areaServed": {
    "@type": "Place",
    "name": "Global"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is the difference between coaching and therapy?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Therapy often works on the past: uncovering patterns and healing wounds. Coaching works on the present in service of the future. It assumes you are already capable and resourceful, and asks: what is between you and what you actually want? Coaching with Desmond Griffiths is future-focused, client-led, and designed to support clarity, growth, and aligned action."
      }
    },
    {
      "@type": "Question",
      "name": "Is coaching worth the financial investment?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "An International Coaching Federation study by PricewaterhouseCoopers found that organizational coaching yields an average return of nearly 700%. Beyond financial return, coaching builds stronger relationships, greater self-belief, sharper decision-making, and a more fulfilling, sustainable way of living and leading. The investment is designed to keep paying dividends long after the engagement ends."
      }
    },
    {
      "@type": "Question",
      "name": "Who is Desmond Griffiths as a coach?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Desmond Griffiths is an executive coach, consultant, and integration practitioner based in San Diego, California. Born in South Africa and shaped by experience across six continents, he works with leaders, creatives, and conscious professionals navigating transitions in life, leadership, and legacy. His practice is ICF-grounded and draws on ancient wisdom, emerging science, and practical guidance for the age of intelligence."
      }
    },
    {
      "@type": "Question",
      "name": "Will I feel pressured to sign up during the discovery call?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "No. The discovery call is a genuine conversation for both parties. It ends when the conversation has run its natural course. Whatever you decide afterward is respected without follow-up pressure. Pricing and package details are published openly on the Store page — nothing is hidden behind a call."
      }
    },
    {
      "@type": "Question",
      "name": "What happens between coaching sessions?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Every engagement includes support between sessions. The specific form — message access, check-in touchpoints, voice note access — is scoped in the initial agreement based on what you actually need. Life does not wait for the next scheduled session, and neither does the support."
      }
    }
  ]
}
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

.hero-grid-lines, .section--hero {
  background-image:
    linear-gradient(rgba(245,240,232,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,240,232,0.03) 1px, transparent 1px);
  background-size: 48px 48px;
}

.hero-rings {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; z-index: 0;
}
.hero-rings .ring {
  position: absolute; border-radius: 50%;
  border: 1px solid rgba(184,148,90,0.07);
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}
.ring-1 { width: 300px; height: 300px; }
.ring-2 { width: 500px; height: 500px; }
.ring-3 { width: 700px; height: 700px; }
.ring-4 { width: 900px; height: 900px; opacity: 0.5; }
@media (max-width: 768px) {
  .hero-rings { display: none; }
}

/* Connect CTA in nav */
.site-nav a[href*="contact"],
.site-nav a[href*="connect"],
.nav-cta {
  color: #B8945A !important;
  border-bottom: 1px solid #B8945A !important;
  padding-bottom: 1px;
  opacity: 1 !important;
}

<script>
document.addEventListener('DOMContentLoaded', function() {
  const reveals = document.querySelectorAll('.reveal');
  const io = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        e.target.classList.add('visible');
        io.unobserve(e.target);
      }
    });
  }, { threshold: 0 });
  reveals.forEach(el => {
    const rect = el.getBoundingClientRect();
    if (rect.top < window.innerHeight) {
      el.classList.add('visible');
    } else {
      io.observe(el);
    }
  });
});
</script>