/* Explicit auto height prevents the source image's height attribute becoming a crop. */
.pie-gallery img{display:block;height:auto;max-width:100%}
.handwritten-peek img{height:auto}
#scene-mobile-title{display:none}

@media(max-width:900px){
  /* Both pictures can be read in full without discovering a sideways carousel. */
  .living-tradition{padding:60px 7vw 30px}
  .living-heading{display:block;padding:0 0 24px}
  .living-heading p:not(.small-label){max-width:42em;font-size:17px}
  .pie-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;overflow:visible;padding:0;scroll-snap-type:none}
  .pie-gallery figure,.pie-gallery figure:last-child{margin:0;min-width:0}
  .pie-gallery img,.pie-gallery figure:last-child img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
  .pie-gallery figcaption{font-size:19px;margin-top:12px}
  .cupboard-picture img,.kitchen-return img{height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;object-position:center!important}
  .serving-figure img,.table-still img{height:auto;aspect-ratio:3/2;object-fit:contain}

  /* One shared stage crossfades above the reading area for the whole recipe. */
  .recipe-story{--mobile-picture-height:min(60vw,30svh,280px);--mobile-stage-height:calc(var(--mobile-picture-height) + 48px);isolation:isolate}
  .recipe-story .visual-track{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}
  .recipe-story .visual-stage{display:block;position:sticky;top:0;height:var(--mobile-stage-height);margin:0;background:var(--paper);box-shadow:0 7px 16px #f4f0e7e6;overflow:hidden}
  .recipe-story .scene-stack{top:0;bottom:auto;left:50%;right:auto;width:calc(var(--mobile-picture-height) * 1.5);max-width:100%;height:var(--mobile-picture-height);aspect-ratio:3/2;transform:translateX(-50%);mask-image:linear-gradient(0deg,transparent,#000 7%,#000 96%,transparent);mask-composite:add}
  .recipe-story .scene{transform:none;transition:opacity .85s ease;will-change:opacity}
  .recipe-story .scene-wash{display:none}
  .recipe-story .scene-caption{top:var(--mobile-picture-height);bottom:auto;left:7vw;right:7vw;height:46px;gap:16px;align-items:center;line-height:1.25!important;color:var(--ink)}
  #scene-count{font-size:12px;letter-spacing:.04em}
  #scene-detail{display:none}
  #scene-mobile-title{display:block;font-size:13px;line-height:1.25}
  .recipe-story .scene-progress{bottom:0;left:7vw;right:7vw;height:2px}
  .recipe-story .scene-progress span{height:2px}
  .recipe-story .recipe-thread{z-index:1;padding-top:calc(var(--mobile-stage-height) + 20px)}
  .recipe-story .mobile-scene{display:none}
  .recipe-story .moment,.recipe-story #packing,.recipe-story #lid{display:block;min-height:calc(100svh - var(--mobile-stage-height));padding:30px 0 65px;scroll-margin-top:calc(var(--mobile-stage-height) + 18px)}
  .recipe-story .moment-text{width:auto;max-width:620px;margin:0 8vw}
  .recipe-story .moment h3{font-size:clamp(34px,9vw,46px);line-height:1.1}
  .recipe-story .method{font-size:17px;max-width:none}
  .recipe-story .moment-text>.small-label{margin-bottom:18px}
}

@media(prefers-reduced-motion:reduce){.recipe-story .scene,.recipe-story .scene-progress span{transition:none!important}.recipe-story .scene{transform:none!important}}
@media print{.recipe-story .visual-track{display:none!important}}