.about-main { padding-top: clamp(20px, 2.3vw, 34px); }
.about-main > .wp-block-post-content {
  margin: 0;
  font-family: var(--sans);
}
.about-main > .wp-block-post-content > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
.legacy-about-content { margin-top: clamp(28px, 3.5vw, 50px); margin-bottom: clamp(44px, 5vw, 72px); padding: clamp(38px, 5vw, 72px); }
.legacy-about-content #jmWrapper,
.legacy-about-content #jmPageADContentBg,
.legacy-about-content #jmPageContent { width: auto; margin: 0; padding: 0; background: none; }
.legacy-about-content .jmPgTitle h1 { max-width: 13em; margin: 0 0 clamp(30px, 3.2vw, 46px); font-size: clamp(42px, 5.2vw, 75px); font-weight: 690; line-height: 1.02; letter-spacing: -.05em; }
.legacy-about-content .jmPgTxt { max-width: 58rem; }
.legacy-about-content .jmPgTxt h3 { margin: clamp(28px, 3vw, 43px) 0 10px; color: var(--orange-dark); font-size: clamp(15px, 1.5vw, 22px); letter-spacing: .08em; }
.legacy-about-content .jmPgTxt p { margin: 0; color: #555; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.75; }
.legacy-about-content .jmPgBtn { margin-top: clamp(32px, 3.5vw, 50px); }
.legacy-about-content .jmPgBtn a { display: inline-flex; align-items: center; min-height: 52px; padding: 0 24px; border-radius: 7px; color: #fff; background: var(--orange); font-weight: 690; text-decoration: none; }
.legacy-about-content .jmPgBtn a:hover,
.legacy-about-content .jmPgBtn a:focus-visible { background: var(--orange-dark); }
.about-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 64%) minmax(0, 36%);
  align-items: center;
  height: auto;
  min-height: clamp(790px, 58vw, 850px);
  padding: clamp(28px, 3.5vw, 50px) clamp(20px, 2.45vw, 35px) 0;
  overflow: hidden;
  isolation: isolate;
}
.about-hero::after {
  position: absolute;
  z-index: 0;
  top: calc(50% - clamp(34px, 2.8vw, 40px));
  right: clamp(8px, 3.1vw, 45px);
  width: clamp(270px, 25vw, 360px);
  height: clamp(530px, 41vw, 590px);
  border-radius: 2px;
  background: #d8d8d3;
  box-shadow: 0 24px 60px rgba(17, 17, 17, .12);
  content: "";
  transform: translateY(-50%) rotate(1.8deg);
  transform-origin: 50% 50%;
}
.about-hero-copy { position: relative; z-index: 3; align-self: center; max-width: 760px; padding-bottom: 8px; transform: translateY(clamp(-82px, -5.55vw, -72px)); }
.about-hero .eyebrow { margin-bottom: clamp(19px, 1.8vw, 26px); }
.about-hero h1 {
  max-width: 11.4em;
  margin: 0;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(54px, 4.75vw, 68px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.055em;
}
.about-hero h1 > span { display: inline; }
.display-action { color: inherit; font-size: 1em; font-style: normal; line-height: inherit; letter-spacing: inherit; }
.original-underline {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--orange);
  text-decoration-thickness: clamp(3px, .26vw, 4px);
  text-underline-offset: clamp(5px, .46vw, 7px);
  text-decoration-skip-ink: none;
}
.nowrap { white-space: nowrap; }
.about-intro { max-width: 34em; margin-top: clamp(25px, 2.2vw, 32px); color: #292929; font-size: clamp(18px, 1.55vw, 22px); font-weight: 400; line-height: 1.5; letter-spacing: -.015em; }
.about-intro p { margin: 0; }
.about-portrait {
  position: absolute;
  z-index: 2;
  top: calc(50% - clamp(34px, 2.8vw, 40px));
  right: clamp(15px, 5.8vw, 84px);
  bottom: auto;
  width: auto;
  max-width: none;
  height: clamp(580px, 47.8vw, 690px);
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 18px 20px rgba(0,0,0,.08));
  transform: translateY(-50%);
}

.about-hero + .bio-card { margin-top: clamp(-62px, -4.5vw, -48px); }
.bio-card { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 1fr); gap: clamp(25px, 3vw, 43px); align-items: stretch; padding: clamp(12px, 1.2vw, 17px); }
.bio-card > img { width: 100%; height: 100%; min-height: clamp(290px, 24vw, 346px); object-fit: cover; object-position: center; border-radius: clamp(8px, .8vw, 12px); }
.bio-copy { align-self: center; padding: clamp(10px, 1.15vw, 17px) clamp(16px, 2vw, 29px) clamp(10px, 1.15vw, 17px) 0; }
.bio-copy h2 { margin: 0 0 clamp(12px, 1.25vw, 18px); font-size: clamp(26px, 2.7vw, 39px); line-height: 1.08; letter-spacing: -.04em; }
.bio-copy p:not(.section-kicker) { margin: 0 0 clamp(9px, .9vw, 13px); color: #575757; font-size: clamp(11px, 1.02vw, 14.7px); line-height: 1.58; }
.bio-copy p:last-child { margin-bottom: 0; }

.perspectives, .journey, .writing-card { margin-top: clamp(14.4px, 1.62vw, 22.8px); }
.perspectives { padding: clamp(18px, 1.9vw, 27px); }
.perspectives > h2, .journey > h2 { margin: 0 0 clamp(17px, 1.8vw, 26px); font-size: clamp(23px, 2.35vw, 34px); line-height: 1.12; letter-spacing: -.04em; }
.perspective-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.45vw, 21px); }
.perspective-card { min-height: clamp(180px, 16vw, 230px); padding: clamp(18px, 1.7vw, 25px); border: 1px solid var(--line); border-radius: clamp(8px, .8vw, 12px); }
.perspective-card > .icon { width: clamp(39px, 3.7vw, 53px); height: clamp(39px, 3.7vw, 53px); color: var(--orange); stroke-width: 1.35; }
.about-main [data-lucide] {
  display: inline;
  background: none;
  -webkit-mask: none;
  mask: none;
}
.perspective-card h3 { margin: clamp(13px, 1.25vw, 18px) 0 clamp(7px, .7vw, 10px); font-size: clamp(19px, 1.85vw, 27px); line-height: 1.15; letter-spacing: -.035em; }
.perspective-card p { margin: 0; color: #606060; font-size: clamp(11px, 1vw, 14.4px); line-height: 1.62; }

.journey { padding: clamp(23px, 2.45vw, 35px) clamp(24px, 2.6vw, 38px) clamp(27px, 2.9vw, 42px); }
.journey-grid { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(11px, 1.25vw, 18px); padding-top: clamp(12px, 1.25vw, 18px); }
.journey-grid::before { content: ""; position: absolute; left: 7.5%; right: 7.5%; top: clamp(20px, 1.95vw, 28px); border-top: 1px solid var(--orange); }
.journey-grid article { position: relative; z-index: 1; text-align: center; }
.journey-node { width: clamp(15px, 1.4vw, 20px); height: clamp(15px, 1.4vw, 20px); margin: 0 auto clamp(13px, 1.35vw, 20px); color: var(--orange); fill: #fff; background: #fff; }
.journey-grid h3 { min-height: 2.5em; margin: 0 0 clamp(9px, .9vw, 13px); font-size: clamp(12px, 1.18vw, 17px); line-height: 1.25; letter-spacing: -.02em; }
.journey-grid p { margin: 0 auto; max-width: 16em; color: #626262; font-size: clamp(9.8px, .88vw, 12.7px); line-height: 1.58; }
.journey-grid .is-current h3 { color: var(--orange-dark); }

.writing-card { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 2.15fr); gap: clamp(28px, 3vw, 43px); padding: clamp(25px, 2.7vw, 39px); }
.writing-copy h2 { margin: 0 0 clamp(15px, 1.6vw, 23px); font-size: clamp(21px, 2.35vw, 34px); line-height: 1.13; letter-spacing: -.04em; }
.writing-copy p { margin: 0 0 clamp(13px, 1.3vw, 19px); color: #646464; font-size: clamp(10.5px, .95vw, 13.7px); line-height: 1.7; }
.writing-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 1.7vw, 25px); }
.writing-post { display: flex; flex-direction: column; height: 100%; min-width: 0; color: var(--ink); text-decoration: none; }
.writing-post img { width: 100%; height: auto; aspect-ratio: 1.45; object-fit: cover; border-radius: clamp(7px, .7vw, 10px); }
.writing-post .category { margin: clamp(9px, .9vw, 13px) 0 clamp(6px, .55vw, 8px); }
.writing-post strong { display: block; min-height: 3.75em; font-size: clamp(12px, 1.2vw, 17.3px); line-height: 1.25; letter-spacing: -.025em; }
.writing-post .meta { margin-top: auto; padding-top: clamp(8px, .8vw, 12px); gap: 7px; flex-wrap: nowrap; }
.writing-post .meta .icon { width: 1.05em; height: 1.05em; }
.writing-post .meta span + span::before { content: "·"; margin-right: 7px; }
.writing-post:hover strong, .writing-post:focus-visible strong { color: var(--orange-dark); }

.about-quote { display: grid; grid-template-columns: clamp(58px, 6vw, 86px) minmax(0, 1fr); align-items: center; gap: clamp(21px, 2.3vw, 33px); margin-top: clamp(18px, 2vw, 29px); margin-bottom: clamp(22px, 2.4vw, 35px); padding: clamp(11px, 1.4vw, 20px) clamp(120px, 12vw, 173px); }
.about-quote > .icon { width: clamp(54px, 5.3vw, 76px); height: clamp(54px, 5.3vw, 76px); color: var(--orange); fill: var(--orange); stroke-width: 1.2; }
.about-quote p { margin: 0; padding-left: clamp(22px, 2.2vw, 32px); border-left: 2px solid var(--orange); font-size: clamp(15.2px, 1.6vw, 23.2px); font-weight: 680; line-height: 1.38; letter-spacing: -.025em; }

@media (max-width: 980px) and (min-width: 701px) {
  .about-hero { grid-template-columns: minmax(0, 66%) minmax(0, 34%); min-height: 800px; }
  .about-hero h1 { font-size: clamp(48px, 5.75vw, 56px); }
  .about-hero::after { right: 8px; width: 300px; height: 535px; }
  .about-portrait { right: 20px; height: 610px; }
  .bio-card { grid-template-columns: 37% 1fr; gap: 20px; }
  .bio-card > img { min-height: 100%; }
  .bio-copy { padding-right: 10px; }
  .perspective-card { min-height: 180px; padding: 18px; }
  .about-quote { padding-inline: 80px; }
}

@media (max-width: 700px) {
  .about-main { padding-top: 35px; }
  .legacy-about-content { margin-top: 16px; padding: 30px 20px; }
  .legacy-about-content .jmPgTitle h1 { font-size: 42px; }
  .about-hero { height: auto; min-height: 0; grid-template-columns: 1fr; padding: 30px 9px 0; overflow: visible; isolation: isolate; }
  .about-hero-copy { z-index: 3; max-width: 100%; padding-bottom: 0; transform: none; }
  .about-hero h1 { max-width: 100%; font-size: clamp(29px, 8.1vw, 33px); line-height: 1.03; letter-spacing: -.058em; }
  .about-intro { max-width: 31em; margin-top: 28px; font-size: 18px; line-height: 1.5; }
  .about-hero::after { top: auto; right: auto; bottom: 20px; left: 50%; width: min(78vw, 304px); height: 355px; transform: translateX(-50%) rotate(1.8deg); }
  .about-portrait { position: relative; z-index: 2; top: auto; right: auto; bottom: auto; justify-self: center; height: 430px; margin-top: 29px; transform: none; }
  .about-hero + .bio-card { margin-top: 0; }
  .bio-card { grid-template-columns: 1fr; gap: 17px; padding: 10px 10px 24px; }
  .bio-card > img { height: auto; min-height: 0; aspect-ratio: 1.48; }
  .bio-copy { padding: 4px 8px 0; }
  .bio-copy h2 { font-size: 29px; }
  .bio-copy p:not(.section-kicker) { font-size: 13px; }
  .perspectives, .journey, .writing-card { margin-top: 12px; }
  .perspectives, .journey { padding: 24px 17px; }
  .perspectives > h2, .journey > h2 { font-size: 27px; }
  .perspective-grid { grid-template-columns: 1fr; gap: 12px; }
  .perspective-card { min-height: 0; padding: 20px 22px; }
  .perspective-card h3 { font-size: 23px; }
  .perspective-card p { font-size: 13px; }
  .journey-grid { grid-template-columns: 1fr; gap: 0; padding: 0 0 0 16px; }
  .journey-grid::before { left: 7px; right: auto; top: 13px; bottom: 24px; border-top: 0; border-left: 1px solid var(--orange); }
  .journey-grid article { display: grid; grid-template-columns: 28px 1fr; column-gap: 9px; padding-bottom: 23px; text-align: left; }
  .journey-node { grid-row: 1 / span 2; margin: 1px 0 0 -16px; background: #fff; }
  .journey-grid h3 { min-height: 0; margin-bottom: 5px; font-size: 16px; }
  .journey-grid p { margin: 0; max-width: 100%; font-size: 12px; }
  .writing-card { grid-template-columns: 1fr; gap: 27px; padding: 25px 17px; }
  .writing-copy h2 { font-size: 29px; }
  .writing-copy p { font-size: 13px; }
  .writing-posts { grid-template-columns: 1fr; gap: 22px; }
  .writing-post { display: grid; grid-template-columns: 112px 1fr; grid-template-rows: auto 1fr auto; height: auto; column-gap: 14px; align-items: start; }
  .writing-post img { grid-row: 1 / span 3; aspect-ratio: 1.15; height: 98px; }
  .writing-post .category { margin-top: 0; }
  .writing-post strong { min-height: 0; font-size: 14px; }
  .writing-post .meta { align-self: end; margin-top: 0; padding-top: 6px; }
  .about-quote { grid-template-columns: 45px 1fr; gap: 14px; padding: 20px 12px; }
  .about-quote > .icon { width: 42px; height: 42px; }
  .about-quote p { padding-left: 15px; font-size: 14.4px; }
}

@media (prefers-reduced-motion: reduce) { .writing-post { transition: none; } }