/* Mobile artwork contains the headline; keep equivalent HTML for accessibility. */
.hero-mobile-art{display:none}
.content-visual{margin:32px 0;max-width:100%}
.content-visual img{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px}
.content-visual figcaption{margin-top:9px;color:#6b705f;font-size:12px;line-height:1.8;text-align:left;text-wrap:wrap;word-break:normal}
@media(max-width:767px){
  .hero{min-height:0;background:#fffdf8;overflow:visible}
  .hero-art,.hero-note,.hero>.hero-image-caption,.hero>.scroll-note{display:none}
  .hero-mobile-art{display:block;width:100%;margin:0}
  .hero-mobile-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
  .hero-inner{min-height:0;display:block;padding:0 0 26px}
  .hero-copy{padding:0;text-align:center}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .hero .button{margin-top:20px;min-width:0;width:100%;max-width:360px;min-height:50px;font-size:13px}
  .hero-sub-link{margin:14px auto 0;font-size:12px}
  .hero-mobile-caption{display:block;margin:10px 0 0;font-size:10px;color:#6b705f;line-height:1.6}
  .content-visual{margin:25px 0}
  .content-visual img{border-radius:12px}
  .content-visual figcaption{font-size:11px}
}
@media(min-width:768px){.hero-mobile-caption{display:none}}

.visual-story-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding-bottom:60px}
@media(max-width:767px){.visual-story-panel{grid-template-columns:1fr;gap:0;padding-bottom:35px}.profile-content .prose,.article-reading,.event-reading{font-size:15px;line-height:2}}