/* #story desktop layout: the illustration spans the grid and the right-hand copy
   sits in its own column that contributes to the section's natural height, so the
   revealed audio player/status can never overlap the transcript below.
   Loaded after styles.css; mobile keeps the existing stacked layout. */
@media (min-width:900px){
  .story-scene{display:grid;grid-template-columns:63% 33.5% 3.5%;align-items:start}
  .story-img{grid-column:1/-1;grid-row:1;width:84.5%;align-self:start;pointer-events:none}
  .story-copy{position:relative;z-index:1;grid-column:2/3;grid-row:1;left:auto;right:auto;top:auto;transform:none;padding-top:0;align-self:center}
}