/* One shared sticky stage keeps the scene, copy and icons synchronized. */
#h01{background:#f3f5f4}
.bu01-scene{height:100%;mask-image:none;background:#f3f5f4}
.bu01-scene:after{mask-image:none;background:linear-gradient(to bottom,transparent 58%,#f3f5f4 100%),linear-gradient(90deg,#03152080,transparent 43%)}
#h02{background:#edf3f6;clip-path:none}
#h02 .chapter-stage{position:sticky;top:88px;display:block;isolation:isolate;min-height:calc(100svh - 88px);height:calc(100svh - 88px);margin:0;padding:0;max-width:none;background:linear-gradient(#f3f5f4,transparent 20%),url("assets/bu02/food-scene-hd.png") center center/cover no-repeat}
#h02 .h02-intro{position:absolute;top:16%;left:5%;height:auto;width:30%;max-width:none;margin:0;padding:0;transform:none}
#h02 .h02-intro h2{font-size:clamp(30px,3vw,54px)}
#h02 .h02-intro .lead{font-size:clamp(22px,2.2vw,38px)}
#h02 .intro-copy{margin-bottom:0;max-width:none;text-wrap:pretty}
#h02 .variable-icons{position:relative;left:auto;top:auto;bottom:auto;margin-top:32px;display:flex;justify-content:space-between;gap:10px;flex-wrap:nowrap}
#h02 .food-stage{position:absolute;left:38%;top:76%;width:36%;margin:0}
#h02 .food-stage>svg{display:none}
#h02 .food-stage figcaption{font-size:clamp(15px,1.3vw,22px);line-height:1.6;padding:0;text-align:center}
#h02 .variable-panel{position:absolute;left:auto;right:3%;top:18%;width:21%;margin:0;padding:20px;background:#e5eff5d9}
@media(max-width:1100px) and (min-width:701px){#h02 .h02-intro{width:33%;top:10%}#h02 .variable-panel{right:2%;width:24%;padding:16px}#h02 .variable p{font-size:11px}#h02 .h02-intro h2{font-size:30px}}
@media(max-height:760px) and (min-width:701px){#h02 .chapter-stage{position:relative;top:auto;min-height:650px;height:650px}#h02 .h02-intro{top:12%}}
@media(max-width:700px){#h02 .chapter-stage{position:relative;top:auto;display:flex;flex-direction:column;gap:28px;height:auto;min-height:0;padding:45px 24px;background-position:55% 240px;background-size:auto 520px;background-color:#edf3f6}#h02 .h02-intro{position:relative;top:auto;left:auto;width:100%}#h02 .food-stage{position:relative;top:auto;left:auto;width:100%;padding-top:250px}#h02 .variable-panel{position:relative;top:auto;right:auto;width:100%;margin:0}#h02 .variable-icons{padding:0}}