/* Original patient photographs and illustrations: always show the full composition. */
.petro-photo-story { margin: 3rem auto; padding-block: 2.5rem; border-block: 1px solid var(--rule, #d8d8dc); scroll-margin-top: 7rem; }
.petro-photo-story h2 { margin-bottom: 1rem; }
.petro-photo-story .photo-story-intro { max-width: 42rem; }
.petro-photo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 2rem; margin-block: 2rem; }
.petro-photo-grid figure, .petro-facial-study { margin: 0; min-width: 0; }
.petro-photo-grid img, .petro-facial-study img { display: block; width: 100%; height: auto; object-fit: contain; background: #fff; }
.petro-photo-grid figcaption, .petro-facial-study figcaption { margin-top: .85rem; font: inherit; font-size: .9rem; line-height: 1.5; }
.petro-photo-grid figcaption strong { display: block; margin-bottom: .3rem; }
.petro-photo-story .photo-story-note { font-size: .875rem; }
.petro-facial-study { margin-block: 2rem; scroll-margin-top: 7rem; }
.petro-photo-grid a:focus-visible, .petro-facial-study a:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
@media(max-width: 680px) { .petro-photo-grid { grid-template-columns: 1fr; gap: 2rem; } .petro-photo-story { padding-block: 1.75rem; } }