/* Wide, unframed scenes linger before the next category rises in normal scroll. */
.chapter-stage{display:contents}
.chapter-anchor{display:block;height:0;scroll-margin-top:90px}

@media(min-width:1101px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
  .flavours-page{--category-height:76px;--chapter-top:calc(var(--header) + var(--category-height) + 8px);--chapter-gap:clamp(48px,6vw,128px);--chapter-hold:clamp(280px,40svh,520px);--chapter-space:min(calc(100svh - var(--header) - var(--category-height) - 24px),max(560px,calc((100vw - 2 * var(--gutter) - var(--chapter-gap)) * .55 + 48px)))}
  .flavour-chapters{max-width:none;margin:0;padding:8px 0 80px;isolation:isolate}
  .flavour-chapters .flavour-chapter{--chapter-index:0;--picture-ratio:1.333333;--photo-extra:0px;display:block;position:sticky;top:var(--chapter-top);height:var(--chapter-space);padding:0;margin-bottom:calc(100svh - var(--chapter-top) - var(--chapter-space) + var(--chapter-hold));border:0;z-index:calc(var(--chapter-index) + 1)}
  .flavour-chapters .flavour-chapter:nth-of-type(2){--chapter-index:1}
  .flavour-chapters .flavour-chapter:nth-of-type(3){--chapter-index:2}
  .flavour-chapters .flavour-chapter:nth-of-type(4){--chapter-index:3}
  .flavour-chapters .flavour-chapter:nth-of-type(5){--chapter-index:4}
  .chapter-anchor{scroll-margin-top:calc(var(--category-height) + 8px)}
  .flavour-chapters .flavour-chapter:last-child{padding-bottom:0;margin-bottom:0}
  .flavour-chapters .chapter-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--chapter-gap);align-items:center;align-content:start;height:100%;padding:24px var(--gutter);background:#fff;border:0;border-radius:0;box-shadow:none;transform-origin:50% 0;transform:translateY(calc(var(--chapter-cover,0) * -4px)) scale(calc(1 - var(--chapter-cover,0) * .012));will-change:transform}
  .flavour-chapters .flavour-chapter--reverse .chapter-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .flavour-chapters .flavour-chapter:focus-within{z-index:10}
  .flavour-chapters .flavour-chapter:focus-within .chapter-stage{transform:none}
  .flavour-chapters .chapter-picture{justify-self:center;width:min(100%,calc((var(--chapter-space) - 48px - var(--photo-extra)) * var(--picture-ratio)));border-radius:2px}
  .flavour-chapters .flavour-chapter .chapter-picture{border-radius:2px}
  .flavour-chapters [data-chapter="firindan"],.flavour-chapters [data-chapter="kahvalti"]{--picture-ratio:1.497}
  .flavour-chapters [data-chapter="kahvalti"]{--photo-extra:64px}
  .flavour-chapters [data-chapter="pastane"],.flavour-chapters [data-chapter="burger"]{--picture-ratio:1}
  .flavour-chapters .chapter-copy{min-width:0;padding-left:0;max-width:620px;justify-self:center;width:100%}
  .flavour-chapters .chapter-copy h2{font-size:clamp(56px,4.7vw,92px)}
  .flavour-chapters .chapter-copy>p:not(.eyebrow){max-width:460px}
  .flavour-chapters .chapter-stage>[data-reveal]{opacity:1;transform:none;transition:none}
}
