/*
Theme Name: Joe Coleman III
Theme URI: https://joecoleman.io
Author: Datum Advisory
Description: Editorial, performance-first personal brand theme for Joe Coleman III, Fractional CIO.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: joecoleman
*/
:root{--navy:#1B2A4A;--paper:#FAF8F5;--teal:#0E7C7B;--ink:#202632;--muted:#5e6876;--line:#dfe2e2;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--max:1160px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.wrap{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(250,248,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.wordmark{color:var(--navy);font-family:var(--serif);font-size:1.2rem;font-weight:700;text-decoration:none;white-space:nowrap}.nav-toggle{display:none;background:transparent;border:1px solid var(--navy);color:var(--navy);padding:.35rem .6rem}.primary-nav ul{display:flex;align-items:center;gap:1.3rem;list-style:none;margin:0;padding:0}.primary-nav a{color:var(--navy);font-size:.9rem;text-decoration:none}.button{display:inline-block;border:1px solid var(--teal);background:var(--teal);color:#fff;padding:.7rem 1.05rem;font-weight:700;text-decoration:none;line-height:1.25}.button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.button--outline{background:transparent;color:var(--teal)}.eyebrow{color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero{padding:clamp(4rem,10vw,8rem) 0 5rem}.hero-grid{display:grid;gap:3rem;align-items:center}.hero h1{max-width:750px;margin:.55rem 0 1.25rem;color:var(--navy);font-family:var(--serif);font-size:clamp(2.75rem,7vw,5.7rem);font-weight:500;letter-spacing:-.045em;line-height:.98}.lede{max-width:720px;font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.5}.byline{color:var(--muted);font-size:.85rem}.actions{display:flex;flex-wrap:wrap;gap:1rem 1.3rem;align-items:center;margin-top:2rem}.headshot{min-height:360px;display:grid;place-items:center;border:1px solid var(--navy);background:#edeae4;color:var(--navy);font-family:var(--serif);font-size:1.05rem;text-align:center;padding:2rem}.section{padding:5.5rem 0;border-top:1px solid var(--line)}.section--navy{background:var(--navy);color:#fff;border:0}.section--navy h2,.section--navy h3{color:#fff}.section--teal{background:#e8f1f0}.section h2{max-width:800px;margin:0 0 1.25rem;color:var(--navy);font-family:var(--serif);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.08}.section h3{color:var(--navy);font-family:var(--serif);font-size:1.35rem;line-height:1.2}.section-intro{max-width:760px}.cards{display:grid;gap:1rem;margin-top:2.3rem}.card{padding:1.5rem;border:1px solid var(--line);background:rgba(255,255,255,.45)}.card h3{margin-top:0}.pillars .card{border-top:4px solid var(--teal)}.steps{display:grid;gap:1.5rem;margin-top:2.5rem}.step{display:grid;grid-template-columns:3rem 1fr;gap:1rem;border-top:1px solid rgba(255,255,255,.35);padding-top:1.25rem}.step-number{font-family:var(--serif);font-size:2.25rem;color:#a6d4d1}.step h3{margin:.1rem 0 .4rem}.step p{margin-top:0}.episodes{display:grid;gap:1rem;margin-top:2rem}.episode{border:1px solid var(--line);padding:1.2rem;background:#fff}.embed-slot{min-height:90px;display:grid;place-items:center;border:1px dashed var(--muted);color:var(--muted);font-size:.9rem}.faq details{border-top:1px solid var(--line);padding:1.1rem 0}.faq summary{cursor:pointer;color:var(--navy);font-family:var(--serif);font-size:1.3rem;font-weight:700}.faq p{max-width:850px}.pricing{display:grid;gap:1rem;margin-top:2rem}.price-card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--navy);background:#fff}.price-card .price{margin:.25rem 0 1rem;color:var(--teal);font-size:1.2rem;font-weight:800}.price-card p:last-child{margin-top:auto}.lead-magnet{padding:3rem 0;background:var(--teal);color:#fff}.lead-magnet h2{color:#fff}.lead-form{display:grid;gap:.75rem;max-width:680px;margin-top:1.5rem}.lead-form label{font-size:.85rem;font-weight:700}.lead-form input{min-height:48px;border:1px solid #fff;padding:.7rem;font:inherit}.lead-form .button{justify-self:start;background:var(--navy);border-color:var(--navy)}.site-footer{padding:3rem 0;background:var(--navy);color:#fff;font-size:.9rem}.site-footer a{color:#bfe3e0}.footer-grid{display:grid;gap:1.5rem}.footer-note{max-width:650px;color:#d5dae1}.page-hero{padding:5rem 0 3rem}.page-hero h1{max-width:820px;margin:.5rem 0;color:var(--navy);font-family:var(--serif);font-size:clamp(2.5rem,6vw,5rem);font-weight:500;line-height:1}.content{max-width:820px}.content h2,.content h3{color:var(--navy);font-family:var(--serif);line-height:1.15}.content h2{font-size:2.2rem;margin-top:3rem}.content h3{font-size:1.45rem;margin-top:2rem}.placeholder{padding:1.25rem;border:1px dashed var(--muted);color:var(--muted);background:#f0ede7}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:760px){.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.cards{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.pricing{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.lead-form{grid-template-columns:1fr 1fr auto;align-items:end}.lead-form .field--button{grid-column:auto}}@media(max-width:759px){.nav-toggle{display:block}.primary-nav{display:none;width:100%}.primary-nav.is-open{display:block}.nav-wrap{flex-wrap:wrap;padding:1rem 0}.primary-nav ul{flex-direction:column;align-items:flex-start;padding:.75rem 0}.primary-nav .button{display:inline-block}.nav-wrap:has(.primary-nav.is-open){padding-bottom:1rem}}