
:root{--ink:#1d2228;--mid:#493a34;--paper:#f6f3ec;--paper2:#ece7de;--rust:#b96f4d;--muted:#6c6a65}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(22px,5vw,85px);color:var(--paper)}
.logo{font-weight:700;font-size:.83rem;letter-spacing:.13em;text-decoration:none}.logo span{color:#c98d6e}
nav{display:flex;gap:26px}nav a{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;opacity:.88}nav a:hover{opacity:1;color:#e9b197}
.menu-toggle{display:none;border:1px solid #8d9295;background:transparent;color:white;padding:8px 12px;border-radius:4px}
.hero{min-height:100svh;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 24px 65px;position:relative}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,6.2vw,6.4rem);font-weight:400;line-height:1.12;letter-spacing:-.04em;max-width:1050px;margin:0}
.hero .scroll{position:absolute;bottom:34px;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#c7c4bf;text-decoration:none}
.hero .scroll:after{content:"↓";display:block;font-size:1.4rem;margin-top:6px}
.challenge{background:var(--mid);color:var(--paper);min-height:52vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 25px}
.challenge h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,4.3vw,4.5rem);line-height:1.25;max-width:950px;margin:0}
section.content{padding:clamp(75px,10vw,140px) clamp(24px,8vw,140px)}.inner{max-width:1100px;margin:auto}
.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.23em;font-weight:700;color:#9c5c40;margin:0 0 20px}
h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.1rem,4vw,4rem);line-height:1.17;letter-spacing:-.035em;margin:0 0 26px}
h3{font-family:Georgia,serif;font-size:1.65rem;font-weight:400;line-height:1.2;margin:0 0 12px}
.lead{font-size:clamp(1.07rem,1.8vw,1.33rem);max-width:760px;line-height:1.75}.muted{color:var(--muted)}
.duo,.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:52px}
.panel{border:1px solid #d5d0c6;padding:clamp(26px,4vw,46px);min-height:260px}
.panel p{margin-bottom:0}.panel .tag{color:#9c5c40;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
.principle{font-size:1.12rem;font-weight:600;margin-top:40px}
.practice{background:var(--paper2)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:50px}
.step{border-top:2px solid #b96f4d;padding-top:22px}.step .num{color:#9c5c40;font-size:.8rem}.step h3{margin-top:16px}
.explore{background:var(--paper)}.feature{border-top:1px solid #cbc5bb;padding:30px 0}.feature .type{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#9c5c40}
.link{display:inline-block;margin-top:16px;text-decoration:none;border-bottom:1px solid #9c5c40;padding-bottom:3px;font-size:.84rem;font-weight:700}
.link:hover{color:#9c5c40}.signal{background:var(--ink);color:var(--paper)}.signal .eyebrow{color:#d69a79}.signal .muted{color:#c4c4c1}.signal .link{border-color:#d69a79}
footer{background:#161a1f;color:#f6f3ec;padding:52px clamp(24px,8vw,140px)}.foot{max-width:1100px;margin:auto;display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.foot p{font-size:.8rem;color:#b7b9b8}.foot a{font-size:.8rem;margin-right:18px;text-decoration:none}
.notice{font-size:.78rem;color:#8a827a;margin-top:25px}
@media(max-width:760px){header{padding:20px 24px}.menu-toggle{display:block}nav{display:none;position:absolute;top:67px;right:20px;left:20px;background:#30363d;padding:20px;flex-direction:column;gap:15px}nav.open{display:flex}.hero{min-height:90svh}.duo,.features,.steps{grid-template-columns:1fr}.steps{gap:30px}.panel{min-height:auto}.challenge{min-height:45vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V10: midnight blue opening, forest green second section, sage progression */
:root{--rust:#365B4B}
.logo span{color:#C9D9C7}
.hero{background:#0A1623;color:#F7F8F1}
.challenge{background:#203B39;color:#F7F8F1}
#philosophy{background:#C9D6C3;color:#26342D}
.practice{background:#E8EEE3;color:#26342D}
.explore{background:#DDE4D5;color:#26342D}
.signal{background:#EAF0E4;color:#203B39}
.signal .eyebrow{color:#365B4B}
.signal .muted{color:#485B4F}
.signal .link{border-color:#365B4B}
#philosophy .panel{border-color:#ABBBA8}
#philosophy .muted,.practice .muted,.explore .muted{color:#485B4F}
.eyebrow,.panel .tag,.feature .type,.step .num{color:#365B4B}
.step{border-color:#365B4B}
.link{border-color:#365B4B}
.link:hover{color:#365B4B}
nav a:hover{color:#D0E0CE}
footer{background:#203B39}

/* V12 typography and spacing refinement; approved V11 palette unchanged */
:root{--editorial-serif:Georgia,'Times New Roman',serif;--editorial-sans:Arial,Helvetica,sans-serif}
body{font-family:var(--editorial-sans);font-size:16px;letter-spacing:.005em;line-height:1.72}
.hero h1{font-family:var(--editorial-serif);font-size:clamp(3.05rem,6.7vw,7rem);line-height:1.1;letter-spacing:-.047em;max-width:1080px;text-wrap:balance}
.challenge h2{font-family:var(--editorial-serif);font-size:clamp(2.15rem,4.5vw,4.85rem);line-height:1.22;letter-spacing:-.035em;text-wrap:balance}
h2{font-family:var(--editorial-serif);letter-spacing:-.038em;line-height:1.16;text-wrap:balance}
h3{font-family:var(--editorial-serif);letter-spacing:-.018em}
.logo{letter-spacing:.155em;font-size:.78rem}.logo span{color:#C9D6C3}
nav a{letter-spacing:.065em;font-size:.73rem}
section.content{padding-top:clamp(88px,10vw,148px);padding-bottom:clamp(88px,10vw,148px)}
.eyebrow,.feature .type,.panel .tag{color:#315B4B;letter-spacing:.18em}
.lead{max-width:760px;line-height:1.82}
.panel{border-radius:2px;background:rgba(255,255,255,.11)}
.panel h3{font-size:clamp(1.75rem,2.6vw,2.2rem)}
.steps{gap:clamp(20px,3vw,38px)}.step{border-top-color:#557A65}
.step .num{color:#315B4B}
.feature{border-top-color:#A9B9AA}
.signal .eyebrow{color:#315B4B}
.signal .muted{color:#485B4F}
.signal .link{border-color:#315B4B}
footer .logo span{color:#C9D6C3}
@media(max-width:760px){.hero h1{font-size:clamp(2.75rem,10vw,4.3rem)}.challenge h2{font-size:clamp(2rem,7vw,3.1rem)}section.content{padding-left:25px;padding-right:25px}.lead{font-size:1.08rem}.hero{padding-top:120px}.panel{padding:27px}}

/* V13: Philosophy-inspired editorial grouping for Practice and Explore Further */
.practice .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:52px}
.practice .step{border:1px solid #A9BBAA;border-top:1px solid #A9BBAA;background:rgba(255,255,255,.19);padding:clamp(26px,4vw,42px);min-height:220px;display:flex;flex-direction:column;align-items:flex-start}
.practice .step .num{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.practice .step h3{font-size:clamp(1.75rem,2.6vw,2.2rem);margin:18px 0 8px}
.practice .step p{margin:0;max-width:42ch}
.explore .features{gap:22px;margin-top:52px}
.explore .feature{border:1px solid #A9BBAA;background:rgba(255,255,255,.16);padding:clamp(26px,4vw,42px);min-height:300px;display:flex;flex-direction:column;align-items:flex-start}
.explore .feature .type{font-size:.7rem;font-weight:700;letter-spacing:.18em;margin:0 0 20px}
.explore .feature h3{font-size:clamp(1.75rem,2.6vw,2.2rem)}
.explore .feature p.muted{margin-top:auto;padding-top:18px;font-size:.86rem}
@media(max-width:760px){.practice .steps,.explore .features{grid-template-columns:1fr}.practice .step,.explore .feature{min-height:0}}

/* Test-site additions */
header{position:relative;background:#0A1623}.hero{min-height:78svh}.subhero{background:#0A1623;color:#F7F8F1;padding:110px clamp(24px,8vw,140px) 115px}.subhero .inner{max-width:1100px}.subhero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,6rem);font-weight:400;line-height:1.14;letter-spacing:-.045em;max-width:950px;margin:0 0 25px}.subhero p{max-width:720px;font-size:1.2rem}.content p{max-width:850px}.action{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;text-decoration:none;font-weight:700;margin-top:18px}.action:hover{opacity:.65}.actions{display:flex;gap:35px;flex-wrap:wrap}.quote{font-family:Georgia,serif;font-size:clamp(1.5rem,2.7vw,2.6rem);line-height:1.4}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.video{border:1px solid #A9BBAA;padding:30px;background:rgba(255,255,255,.18)}.video h3{font-size:1.6rem}.video a{text-decoration:none;border-bottom:1px solid #365B4B}.video .eyebrow{margin-bottom:12px}.privacy{font-size:.82rem;max-width:750px}.small-note{font-size:.86rem;color:#485B4F}.site-notice{background:#e9efe5;padding:12px 24px;text-align:center;font-size:.77rem;color:#26342D}.split{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.split .panel{min-height:0}.content.alt{background:#DDE4D5}.content.soft{background:#E8EEE3}.content.pale{background:#C9D6C3}.closing{background:#203B39;color:#F7F8F1;text-align:center;padding:100px 25px}.closing h2{max-width:900px;margin:auto}.closing p{margin:25px auto}.nav-current{border-bottom:1px solid #C9D6C3} @media(max-width:760px){.video-grid,.split{grid-template-columns:1fr}.subhero{padding:75px 25px}.hero{min-height:80svh}}

.about-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(30px,5vw,90px);align-items:center}.about-portrait{margin:0}.about-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:3px}@media(max-width:760px){.about-intro{grid-template-columns:1fr}.about-portrait{max-width:440px}}

/* V4 review pass: intentional headline rhythm and consistent card typography */
@media(min-width:900px){
  .hero h1{max-width:1200px;font-size:clamp(3.1rem,5.6vw,6.1rem)}
  .challenge h2{max-width:1150px;font-size:clamp(2.15rem,4.1vw,4.3rem)}
  .practice h2{font-size:clamp(2rem,3.6vw,3.6rem);white-space:nowrap}
  .subhero h1.brief-title{max-width:none;font-size:clamp(2.5rem,4.7vw,5.25rem);white-space:nowrap}
  .subhero:has(h1.brief-title) .inner{max-width:1200px}
  .subhero:has(h1.brief-title){padding-left:clamp(24px,5vw,90px);padding-right:clamp(24px,5vw,90px)}
  .subhero:has(h1:not(.brief-title)) h1{max-width:1100px;font-size:clamp(2.8rem,5.4vw,5.7rem)}
}
.practice .step h3,.explore .feature h3,.duo .panel h3{font-family:var(--editorial-serif);font-weight:400}
.practice .step p,.explore .feature>p:not(.type):not(.muted),.duo .panel>p:not(.tag){font-family:var(--editorial-sans);font-weight:400;font-size:1rem;line-height:1.72}
@media(max-width:899px){.desktop-break{display:none}}

/* V4.1: intentional two-line layouts on desktop; natural wrapping on mobile */
@media(min-width:900px){
  .subhero h1.signal-title{font-size:clamp(2.65rem,5.1vw,5.4rem);max-width:1100px}
  .signal-title span,.signal-assessment span,.work-title span{white-space:nowrap}
  .content h2.signal-assessment{font-size:clamp(2rem,3.5vw,3.4rem);max-width:none}
  .subhero h1.work-title{font-size:clamp(2.45rem,4.45vw,4.75rem);max-width:none}
  .subhero:has(.work-title){padding-left:clamp(24px,5vw,90px);padding-right:clamp(24px,5vw,90px)}
  .subhero:has(.work-title) .inner{max-width:1200px}
}
@media(max-width:899px){.signal-title span,.signal-assessment span,.work-title span{white-space:normal}}

/* V4.2: deliberate two-line headlines on wide screens; natural mobile wrapping */
@media(min-width:900px){
  .about-title span,.deeper-title span{display:block;white-space:nowrap}
  .subhero h1.about-title{font-size:clamp(2.6rem,5.0vw,5.15rem);max-width:none}
  .subhero:has(.about-title) .inner{max-width:1200px}
  .deeper-title{font-size:clamp(2rem,3.7vw,3.75rem);max-width:none}
}
@media(max-width:899px){.about-title span,.deeper-title span{display:inline;white-space:normal}}

/* V4.3: quiet, accessible social and listening connections */
.foot .social-links{display:flex;flex-direction:column;gap:12px;min-width:145px}
.foot .social-links a{display:inline-flex;align-items:center;gap:5px;margin-right:0;color:#e6ede4;font-size:.83rem;line-height:1.35}
.foot .social-links a:hover,.listen-links a:hover{opacity:.72}
.listen-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin:25px 0 28px}
.listen-links a{font-size:.92rem;font-weight:700;color:#203B39;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
@media(max-width:760px){.foot .social-links{width:100%;flex-direction:row;flex-wrap:wrap;gap:12px 20px}}

/* V4.5: approved About Jeff copy; readable longer biography */
.about-copy p:not(.eyebrow){max-width:68ch;line-height:1.78;margin:0 0 1.2em}
.about-copy h2{margin-bottom:30px}
@media(max-width:760px){.about-copy p:not(.eyebrow){font-size:1rem;line-height:1.72}.about-intro{gap:35px}}

/* V4.7: Work With Me desktop line balance. Preserve natural mobile wrapping. */
@media (min-width:1100px){
  .subhero:has(.work-title) p:not(.eyebrow){max-width:none;font-size:clamp(1rem,1.18vw,1.2rem);white-space:nowrap}
  .content.pale .quote{max-width:1200px;font-size:clamp(2rem,2.35vw,2.35rem);line-height:1.38}
}
@media (min-width:761px) and (max-width:1099px){
  .content.pale .quote{max-width:100%;font-size:clamp(1.8rem,2.9vw,2.25rem)}
}

/* V4.8: intentionally balanced two-line editorial quotation on desktop */
@media (min-width:1100px){
  .content.pale .quote{
    width:100%;
    max-width:960px;
    font-size:clamp(2rem,2.35vw,2.35rem);
    line-height:1.38;
    text-wrap:balance;
  }
}

/* V5.2: understated, accessible direct-email alternative */
.contact-alternative{font-size:.88rem;line-height:1.6;margin:14px 0 0!important;overflow-wrap:anywhere;color:inherit;opacity:.86}
.contact-alternative a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
.contact-alternative a:hover{opacity:.7}

/* Launch refinements: preserve editorial character while strengthening hierarchy */
.challenge-lines{width:100%;max-width:1080px;margin:auto}
.challenge-lines h2{margin:0 auto;max-width:1050px;text-wrap:balance}
.challenge-lines .challenge-second{font-weight:500}
.challenge-divider{display:block;width:58px;height:2px;background:#B9D1BD;margin:clamp(24px,4vw,42px) auto}
.philosophy-quote{border-top:1px solid #9FB19F;margin-top:clamp(65px,9vw,110px);padding:clamp(55px,8vw,90px) 0 0;text-align:center}
.philosophy-quote p{font-family:var(--editorial-serif);font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.3;letter-spacing:-.025em;margin:0 auto 12px;max-width:850px}
.moment{background:#0A1623;color:#F7F8F1}
.moment-inner{max-width:860px!important}
.moment .eyebrow{color:#B9D1BD}
.moment h2{max-width:820px}
.moment .lead{color:#D3DFE2}
.moment-question{font-family:var(--editorial-serif);font-size:clamp(1.4rem,2.5vw,2.25rem);line-height:1.4;margin:35px 0;padding-left:25px;border-left:2px solid #B9D1BD}
.signal-cta{display:inline-block;background:#B9D1BD;color:#0A1623;text-decoration:none;font-weight:700;padding:14px 22px;margin:15px 0 0;border-radius:3px}
.signal-cta:hover{background:#D2E2D1}
.signal-cta:focus-visible{outline:3px solid #F7F8F1;outline-offset:4px}
.moment .small-note{color:#D3DFE2;margin-top:15px}
@media(max-width:760px){.challenge-lines h2{font-size:clamp(1.85rem,7vw,3.1rem)}.challenge-divider{margin:25px auto}.moment-question{padding-left:17px}.philosophy-quote p{font-size:clamp(1.5rem,6vw,2.1rem)}}

/* Automatic recent podcast feed, visually aligned with the existing editorial cards */
.latest-episodes{margin:0 0 clamp(65px,9vw,110px)}
.latest-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0 10px}
.latest-video-card{border:1px solid #A9BBAA;background:rgba(255,255,255,.18);min-width:0}
.latest-video-card a{display:block;color:inherit;text-decoration:none;height:100%}
.latest-video-card a:hover h3{text-decoration:underline;text-underline-offset:4px}
.latest-video-card a:focus-visible{outline:3px solid #365B4B;outline-offset:3px}
.latest-video-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.latest-video-card h3{font-size:clamp(1.25rem,2vw,1.6rem);padding:18px 20px 24px;margin:0}
@media(max-width:760px){.latest-video-grid{grid-template-columns:1fr}}

/* Launch preview: dusty-blush wordmark and tighter reflection-to-action rhythm */
header .logo{color:#D8A9AE}
header .logo span{color:inherit}
header .logo:hover{color:#E6BFC2}
.moment .moment-question + .lead{margin-bottom:10px}
.moment .signal-cta{margin-top:8px}

/* Consistent dusty-blush wordmark and quiet trademark symbols */
footer .logo{color:#D8A9AE}
footer .logo span{color:inherit}
footer .logo:hover{color:#E6BFC2}
.tm-mark{font-size:.38em;line-height:0;vertical-align:super;letter-spacing:0;font-weight:500;white-space:nowrap}
.logo .tm-mark{font-size:.65em;vertical-align:super}

/* Homepage-only stronger wordmark; smaller superscript on all wordmarks */
.home-header .logo{font-size:1.12rem;font-weight:800;letter-spacing:.14em;line-height:1.4}
.logo .tm-mark{font-size:.42em;vertical-align:super}
@media(max-width:760px){.home-header .logo{font-size:.94rem;letter-spacing:.09em}.home-header{gap:12px}}
@media(max-width:390px){.home-header .logo{font-size:.82rem;letter-spacing:.06em}}

/* Stronger homepage identity with responsive navigation breathing room */
@media(min-width:1101px){.home-header .logo{font-size:1.6rem;font-weight:800;letter-spacing:.13em;white-space:nowrap}.home-header nav{gap:clamp(12px,1.4vw,25px)}.home-header nav a{font-size:.72rem;white-space:nowrap}.home-header{gap:30px}}
@media(min-width:761px) and (max-width:1100px){.home-header .logo{font-size:1.28rem;letter-spacing:.1em;white-space:nowrap}.home-header nav{gap:12px}.home-header nav a{font-size:.66rem;white-space:nowrap}.home-header{gap:18px}}
@media(max-width:760px){.home-header .logo{font-size:1.1rem;font-weight:800;letter-spacing:.07em}}
@media(max-width:390px){.home-header .logo{font-size:.96rem;letter-spacing:.045em}}
.home-header .logo .tm-mark{font-size:.34em}

/* Improve readability of the closing Signal Check invitation */
.closing .small-note {
  color: #D3DFE2;
}
