/* Shared experience hierarchy. Antique gold is deepened on light surfaces for contrast. */
.jhn-stats{--jhn-number:#8c713d;--jhn-label:#344550;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:560px;width:100%;margin:28px 0 0;padding:0;text-align:left}
.jhn-stats--dark{--jhn-number:#c1a875;--jhn-label:#d0d8dc}
.jhn-stats .jhn-stat{display:flex;flex-direction:column;min-width:0;margin:0;padding:0}
.jhn-stats .jhn-stat-number{order:1;display:block;margin:0;color:var(--jhn-number);font:normal clamp(36px,4vw,46px)/1.12 Georgia,serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.jhn-stats .jhn-stat-label{order:2;display:block;color:var(--jhn-label);font:normal 14px/1.45 Arial,sans-serif;letter-spacing:0;margin-top:7px;overflow-wrap:break-word}
.audiobooks-hero .jhn-stats{margin:28px 0 0}.hero-copy>.jhn-stats{flex-shrink:0}
@media(max-width:600px){.jhn-stats{gap:16px;margin-top:28px}.jhn-stats .jhn-stat-number{font-size:36px}.jhn-stats .jhn-stat-label{font-size:13px}}
/* R3: compact experience row above the three approach columns; no hero stats. */
.about-original .details>.jhn-stats{grid-column:1/-1;margin:12px 28px 22px;width:calc(100% - 56px);max-width:560px}
.about-original .glance ul{grid-auto-rows:1fr;gap:17px}
.about-original .glance li{min-height:64px;align-items:center}
.about-original .watermark{right:32px;bottom:32px;width:180px;height:auto;max-width:24%;opacity:.08;pointer-events:none}
@media(max-width:1360px) and (min-width:701px){
 .about-original .hero{grid-template-columns:42% 58%}
 .about-original .portrait{grid-row:1/3}
 .about-original .intro{padding-right:32px}
 .about-original .quote{grid-column:2;margin:0 32px 32px 0;padding-left:20px;padding-right:170px}
 .about-original .quote:before{display:none}
 .about-original .quote p{font-size:20px;margin-bottom:10px}
 .about-original .watermark{width:150px}
}
@media(max-width:1100px){.about-original .details>.jhn-stats{margin-left:18px;margin-right:18px;width:calc(100% - 36px)}}
@media(max-width:700px){
 .about-original .details>.jhn-stats{margin:0;padding:26px 26px 24px;width:100%;max-width:none}
 .about-original .watermark{right:24px;bottom:24px;width:100px;max-width:26%}
 .about-original .quote{padding-right:0}
}

/* R4 corrected About handoff: full introduction, compact At a Glance metrics. */
.about-original .portrait{height:auto;min-height:470px;align-self:stretch}
.about-original .portrait img{object-fit:contain;object-position:50% 0%;width:100%;height:100%}
.about-original .glance .jhn-experience-line{display:block;font-size:12px;line-height:1.6;letter-spacing:0}
.about-original .glance .jhn-compact-number{display:inline;color:#8c713d;font:700 19px/1.45 Georgia,serif;letter-spacing:0;white-space:nowrap}
.about-original .glance li{min-height:88px}
.about-original .glance .jhn-studio-link{display:block;width:fit-content;text-underline-offset:3px;color:#344f65;margin-top:6px;font-size:12px}
.jhn-narrative .prose{max-width:790px}.jhn-narrative article{min-width:0}.jhn-narrative #studio-specifications{scroll-margin-top:24px}
@media(max-width:1360px) and (min-width:701px){.about-original .hero{grid-template-columns:40% 60%}}
@media(max-width:700px){
 .about-original .portrait{height:330px;min-height:330px;align-self:auto}
 .about-original .portrait img{object-fit:cover;object-position:50% 0%}
 .about-original .glance .jhn-experience-line{font-size:14px}
 .about-original .glance .jhn-compact-number{font-size:20px}
}