/* About Erin only: retain the shared type, palette, navigation and footer. */
.theempath-about-page { color: var(--color-navy); font-size: 1.0625rem; line-height: 1.65; }
.theempath-about-page > section { margin: 0; padding: clamp(2.5rem, 5vw, 4rem) 0; }
.theempath-about-page .theempath-container { max-width: 72rem; }
.theempath-about-page .wp-block-group { margin-block-start: 0; }
.theempath-about-page p { max-width: 70ch; }
.theempath-about-page h1 { margin-bottom: .65rem; font-size: clamp(2.6rem, 5vw, 4.25rem); }
.theempath-about-page h2 { margin-bottom: 1.25rem; font-size: clamp(1.9rem, 3.3vw, 2.65rem); }
.theempath-about-page h3 { font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.25; }
.theempath-about-page .theempath-eyebrow { color: var(--color-navy-soft); font-size: .8rem; }
.theempath-about-page .theempath-signature { color: #6e568f; }
.theempath-about-intro { background: radial-gradient(circle at 12% 18%, #fffdf9, transparent 45%), linear-gradient(120deg, var(--color-ivory), var(--color-blush) 52%, var(--color-lavender-soft)); }
.theempath-about-intro__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(2rem, 4vw, 3rem); }
.theempath-about-subtitle { font: 500 clamp(1.35rem, 2.3vw, 1.75rem)/1.3 Georgia, serif; color: var(--color-navy-soft); }
.theempath-about-photo { width: 100%; min-width: 0; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid #cfc0d7; border-radius: 1.25rem; }
.theempath-about-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* Frame both hands and the copper rods as a close-up within the existing photo. */
.theempath-about-photo[data-photo-slot="hero"] img { transform: scale(1.55); transform-origin: 47% 53%; }
/* Preserve the complete card spread using the attachment's intrinsic proportions. */
.theempath-about-photo[data-photo-slot="story"]:has(img) { aspect-ratio: auto; }
.theempath-about-photo[data-photo-slot="story"] img { height: auto; }
.theempath-about-photo--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .45rem; padding: 1.25rem; background: radial-gradient(ellipse at 25% 15%, #fffdf9, transparent 65%), linear-gradient(145deg, #f2edf8, #faefed); color: var(--color-navy-soft); text-align: center; }
.theempath-about-photo--empty strong { color: var(--color-navy); font: 500 clamp(1.3rem, 2vw, 1.7rem)/1.3 Georgia, serif; }
.theempath-about-media-icon { width: 2.5rem; height: 2.5rem; margin-bottom: .4rem; flex-shrink: 0; }
.theempath-about-video { margin: 1.5rem 0 0; }
.theempath-about-video__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; width: 100%; aspect-ratio: 16 / 9; padding: .75rem; border: 1px solid #cfc0d7; border-radius: .75rem; background: linear-gradient(145deg, #f2edf8, #fffaf3); color: var(--color-navy-soft); text-align: center; }
.theempath-about-video__empty strong { color: var(--color-navy); font: 500 clamp(1.1rem, 2vw, 1.4rem)/1.3 Georgia, serif; }
.theempath-about-video figcaption { margin-top: .65rem; font-size: 1rem; line-height: 1.5; color: var(--color-navy-soft); }
.theempath-about-video__empty .theempath-about-media-icon { width: 2rem; height: 2rem; margin: 0; }
.theempath-about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; margin-top: 1.5rem; }
.theempath-about-actions p { margin: 0; }
.theempath-about-actions a { display: inline-flex; align-items: center; min-height: 48px; }
.theempath-about-story__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(2rem, 4vw, 3rem); }
.theempath-about-story__copy { width: 100%; max-width: 66ch; min-width: 0; justify-self: center; }
.theempath-about-quote { margin: 1.75rem 0 0; padding: .25rem 0 .25rem 1.25rem; border-left: 3px solid var(--color-gold); font: 500 1.5rem/1.5 Georgia, serif; }
.theempath-about-quote p { margin: 0; }
.theempath-about-intro__grid:not(:has(.theempath-about-photo)), .theempath-about-story__grid:not(:has(.theempath-about-photo)) { grid-template-columns: minmax(0, 48rem); justify-content: center; }
.theempath-about-process { background: var(--color-ivory); }
.theempath-about-methods, .theempath-about-values-grid, .theempath-about-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.theempath-about-method { display: flex; flex-direction: column; }
.theempath-about-method .theempath-about-video, .theempath-about-method .theempath-demo { margin-top: auto; }
.theempath-about-method, .theempath-about-value { min-width: 0; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--color-border-soft); border-radius: var(--radius-card); background: var(--color-pearl); }
.theempath-about-method { padding: clamp(1.25rem, 2vw, 1.75rem); }
.theempath-about-method > p:last-child, .theempath-about-value > p:last-child { margin-bottom: 0; }
.theempath-about-method .theempath-demo { margin-top: 1.5rem; padding: 0; border: 0; background: transparent; }
.theempath-about-method .theempath-demo :is(.theempath-demo__caption, .theempath-demo__privacy, .theempath-demo__fallback, .theempath-demo__example) { font-size: 1rem; }
.theempath-about-method > p > a { display: inline-block; padding-block: .5rem; }
.theempath-about-live-note { margin: 1.5rem 0 0; padding-left: 1.25rem; border-left: 2px solid var(--color-gold); }
.theempath-about-value { border-top: 3px solid var(--color-gold-light); }
.theempath-about-expect { background: var(--color-lavender-soft); }
.theempath-about-path { min-width: 0; padding: 1.75rem; border: 1px solid #cfc0d7; border-radius: var(--radius-card); background: var(--color-pearl); }
.theempath-about-path h3 { padding-bottom: 1rem; border-bottom: 1px solid var(--color-border-soft); }
.theempath-about-path p:last-child { margin-bottom: 0; }
.theempath-about-page .theempath-about-closing { color: var(--color-ivory); background: var(--color-navy-deep); text-align: center; }
.theempath-about-closing .theempath-container { max-width: 50rem; }
.theempath-about-closing p { margin-inline: auto; }
.theempath-about-closing a { color: var(--color-gold-light); }
.theempath-about-closing .theempath-about-subtitle { color: var(--color-gold-light); }
.theempath-about-closing .theempath-signature { color: var(--color-gold-light); }
.theempath-about-closing .theempath-about-actions { justify-content: center; }
.theempath-about-page .theempath-button--gold { color: var(--color-navy-deep); background: var(--color-gold-light); }
.theempath-about-page a:focus-visible { outline: 3px solid var(--color-navy); outline-offset: 4px; }
.theempath-about-closing a:focus-visible { outline-color: var(--color-gold-light); }
/* Share text and demonstration rows so wrapping cannot stagger the two players. */
@media (min-width: 48.001rem) {
  .theempath-about-methods { row-gap: 0; }
  .theempath-about-method { display: grid; grid-template-rows: subgrid; grid-row: span 9; }
  .theempath-about-method .theempath-demo { display: grid; grid-template-rows: subgrid; grid-row: span 6; }
}
@media (max-width: 48rem) {
  .theempath-about-intro__grid, .theempath-about-methods, .theempath-about-story__grid, .theempath-about-paths { grid-template-columns: minmax(0, 1fr); }
  .theempath-about-story__copy { order: -1; }
  .theempath-about-photo { max-width: 30rem; margin-inline: auto; }
}
@media (max-width: 36rem) {
  .theempath-about-values-grid { grid-template-columns: minmax(0, 1fr); }
  .theempath-about-page { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.theempath-about-page) { scroll-behavior: auto; }
  .theempath-about-page .theempath-button:hover { transform: none; }
}