.coaching-page .nav .active { color: var(--art-blue); }

.coaching-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 8vw 100%,
    radial-gradient(circle at 82% 20%, rgba(17,132,213,.5), transparent 24%),
    var(--art-navy);
  color: white;
}
.coaching-hero::before {
  content: "BECOME";
  position: absolute;
  left: -2vw;
  bottom: -4vw;
  color: rgba(255,255,255,.05);
  font-family: Georgia, serif;
  font-size: clamp(9rem, 24vw, 26rem);
  line-height: .7;
  letter-spacing: -.09em;
}
.coaching-hero-grid { position: relative; z-index: 1; min-height: 790px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 3rem; }
.coaching-hero-copy { position: relative; z-index: 4; padding: 6rem 0; }
.coaching-hero h1 { max-width: 900px; margin: 1.5rem 0 2rem; color: white; font-size: clamp(3.7rem, 6.4vw, 7rem); line-height: .9; }
.coaching-hero h1 em { display: block; margin-top: .15em; color: #ffd387; font-size: .72em; font-weight: 500; transform: translateX(3vw); }
.coaching-hero .lede { max-width: 700px; color: rgba(255,255,255,.84); }
.coaching-hero .eyebrow { color: #ffd387; }
.coaching-portrait { position: relative; min-width: 0; align-self: end; display: grid; justify-items: center; }
.coaching-portrait img { position: relative; z-index: 2; width: min(500px, 100%); height: 650px; border-radius: 50% 50% 1.5rem 1.5rem / 28% 28% 1.5rem 1.5rem; object-fit: cover; object-position: center 18%; box-shadow: 0 28px 35px rgba(0,0,0,.28); }
.portrait-shape { position: absolute; z-index: 1; width: 32rem; height: 32rem; right: -4rem; bottom: 4rem; border-radius: 50%; background: var(--art-gold); box-shadow: 0 0 0 2rem rgba(224,164,70,.11); }
.coaching-portrait p { position: absolute; z-index: 3; right: -.5rem; bottom: 4.5rem; margin: 0; padding: 1rem 1.3rem; background: var(--art-coral); color: white; font-family: Georgia, serif; font-size: 1.1rem; font-style: italic; line-height: 1.35; transform: rotate(4deg); }
.coaching-portrait strong { color: white; font-size: 1.35rem; }

.coaching-moment { overflow: hidden; background: var(--art-paper); }
.coaching-moment-heading { display: grid; grid-template-columns: .75fr 1.15fr .8fr; gap: 3rem; align-items: end; margin-bottom: 4.5rem; }
.coaching-moment-heading h2 { margin-bottom: 0; }
.coaching-moment-heading > p:last-child { margin-bottom: .35rem; font-size: 1.1rem; }
.moment-cards { display: grid; grid-template-columns: repeat(3, 1fr); align-items: start; }
.moment-cards article { min-height: 395px; padding: 2.6rem; }
.moment-cards article:nth-child(1) { background: var(--art-blue); color: white; transform: rotate(-1deg); }
.moment-cards article:nth-child(2) { z-index: 2; margin-top: 2.5rem; background: var(--art-gold); color: var(--art-navy); transform: rotate(1.2deg); }
.moment-cards article:nth-child(3) { margin-top: .8rem; background: var(--art-coral); color: white; transform: rotate(-.7deg); }
.moment-cards span { font-family: Georgia, serif; font-size: 4rem; font-style: italic; opacity: .32; }
.moment-cards h3 { margin: 2rem 0 1rem; font-family: Georgia, serif; font-size: 2rem; font-weight: 500; }
.moment-cards article:nth-child(1) h3, .moment-cards article:nth-child(3) h3 { color: white; }

.change-section { background: white; }
.change-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 7rem; align-items: start; }
.change-heading { position: sticky; top: 10rem; }
.change-heading p:last-child { max-width: 650px; }
.change-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(7,95,168,.23); }
.change-list li { display: grid; grid-template-columns: 7rem 1fr; gap: 1.5rem; padding: 1.55rem 0; border-bottom: 1px solid rgba(7,95,168,.23); }
.change-list span { color: var(--art-coral); font-size: .75rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.change-list strong { color: var(--art-navy); font-family: Georgia, serif; font-size: 1.55rem; font-weight: 500; line-height: 1.25; }

.radical-coaching { overflow: hidden; background: var(--art-navy); color: white; }
.radical-coaching-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 6rem; align-items: center; }
.radical-word { color: transparent; font-family: Georgia, serif; font-size: clamp(4.5rem, 9vw, 9rem); font-style: italic; line-height: .8; letter-spacing: -.07em; -webkit-text-stroke: 2px rgba(255,211,135,.7); transform: rotate(-90deg); }
.radical-coaching h2 { color: white; }
.radical-coaching .lede { color: #ffd387; }
.radical-coaching-copy > p:not(.eyebrow):last-of-type { color: rgba(255,255,255,.76); }
.radical-steps { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2.2rem; }
.radical-steps span { padding: .55rem .85rem; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; font-size: .85rem; font-weight: 750; }

.approach-section { background: var(--art-cream); }
.approach-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 7rem; align-items: start; }
.approach-copy { padding-top: 1.5rem; border-top: 6px solid var(--art-gold); font-size: 1.14rem; }
.approach-copy p:first-child { margin-top: 0; }
.approach-note { margin: 2.5rem 0 0 3rem; padding: 1.5rem 2rem; background: var(--art-blue); color: white; font-family: Georgia, serif; font-size: 1.6rem; font-style: italic; line-height: 1.25; transform: rotate(-1deg); }
.approach-note strong { color: #ffd387; }

.process-section { background: var(--art-paper); }
.process-heading { max-width: 860px; margin-bottom: 4rem; }
.process-steps { margin: 0; padding: 0; list-style: none; }
.process-steps li { display: grid; grid-template-columns: 7rem 1fr; gap: 2rem; padding: 2rem 0; border-top: 1px solid rgba(7,95,168,.24); }
.process-steps li:last-child { border-bottom: 1px solid rgba(7,95,168,.24); }
.process-steps span { color: var(--art-blue); font-family: Georgia, serif; font-size: 2.6rem; font-style: italic; }
.process-steps h3 { margin-bottom: .45rem; font-family: Georgia, serif; font-size: 2rem; font-weight: 500; }
.process-steps p { max-width: 780px; margin: 0; color: var(--muted); }
.engagement-types { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 3.5rem; }
.engagement-types div { display: grid; gap: .55rem; padding: 2rem; border-top: 6px solid var(--art-coral); background: white; }
.engagement-types div:last-child { border-color: var(--art-gold); }
.engagement-types strong { color: var(--art-navy); font-family: Georgia, serif; font-size: 1.6rem; font-weight: 500; }
.engagement-types span { color: var(--muted); }

.coaching-proof { background: var(--art-coral); color: white; }
.coaching-proof-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 7rem; align-items: center; }
.coaching-proof h2 { color: white; }
.coaching-proof .eyebrow { color: var(--art-navy); }
.coaching-proof blockquote { margin: 0; padding: 3rem; background: var(--art-paper); color: var(--art-navy); box-shadow: 20px 22px 0 var(--art-navy); transform: rotate(1deg); }
.coaching-proof blockquote p { margin-top: 0; font-family: Georgia, serif; font-size: clamp(1.8rem, 3vw, 3rem); font-style: italic; line-height: 1.15; }
.coaching-proof blockquote footer { color: var(--art-blue); font-size: .88rem; font-weight: 800; }

.coaching-contact { position: relative; overflow: hidden; background: var(--art-blue); color: white; text-align: center; }
.coaching-contact::before { content: "TRUE"; position: absolute; left: -2vw; bottom: -6vw; color: rgba(255,255,255,.08); font-family: Georgia, serif; font-size: 30vw; line-height: .7; }
.coaching-contact-inner { position: relative; z-index: 1; max-width: 1040px; }
.coaching-contact h2 { color: white; }
.coaching-contact .lede { color: rgba(255,255,255,.84); }
.coaching-contact .hero-actions { justify-content: center; }

@media (max-width: 980px) {
  .coaching-hero-grid, .coaching-moment-heading, .change-grid, .radical-coaching-grid, .approach-grid, .coaching-proof-grid { grid-template-columns: 1fr; }
  .coaching-hero-grid { padding-top: 5rem; }
  .coaching-hero-copy { padding-bottom: 0; }
  .coaching-portrait { max-width: 620px; margin: 0 auto; }
  .coaching-moment-heading, .change-grid, .radical-coaching-grid, .approach-grid, .coaching-proof-grid { gap: 4rem; }
  .coaching-moment-heading { align-items: start; }
  .change-heading { position: static; }
  .radical-word { transform: none; }
}

@media (max-width: 700px) {
  .coaching-hero-grid { min-height: auto; padding-top: 2rem; }
  .coaching-hero-copy { padding-top: 3rem; }
  .coaching-hero h1 { font-size: 3.4rem; }
  .coaching-hero h1 em { transform: none; }
  .coaching-portrait { min-height: 420px; }
  .coaching-portrait img { height: 520px; }
  .portrait-shape { width: 22rem; height: 22rem; right: -3rem; bottom: 2rem; }
  .coaching-portrait p { right: 0; bottom: 1rem; }
  .moment-cards { grid-template-columns: 1fr; gap: 1rem; }
  .moment-cards article, .moment-cards article:nth-child(1), .moment-cards article:nth-child(2), .moment-cards article:nth-child(3) { min-height: auto; margin: 0; transform: none; }
  .change-list li { grid-template-columns: 1fr; gap: .45rem; }
  .radical-word { font-size: 4rem; }
  .approach-note { margin-left: 0; }
  .process-steps li { grid-template-columns: 3.5rem 1fr; gap: 1rem; }
  .engagement-types { grid-template-columns: 1fr; }
  .coaching-proof blockquote { padding: 2rem; box-shadow: 10px 12px 0 var(--art-navy); transform: none; }
}