#h03{isolation:isolate;background:#e7eff3;overflow:visible}#h03 .chapter-stage{position:relative;display:block;padding:16vh 6vw;z-index:50;pointer-events:none}#h03 .copy{transform:none;width:32%;max-width:480px;pointer-events:auto}#h03 h2{font-size:clamp(32px,3.1vw,48px);line-height:1.25}#h03 .lead{font-size:clamp(22px,2vw,30px);line-height:1.5}.program-scene{position:absolute;inset:0;z-index:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.program-scene img{width:100%;height:100%;object-fit:cover;object-position:center}.real-product{position:absolute;right:0;bottom:8%;height:77%;width:33%;margin:0;z-index:20;mix-blend-mode:multiply}.real-product img{width:100%;height:100%;object-fit:contain}.recipe-panel{position:absolute;left:49%;top:29%;width:23%;padding:24px;background:#e9f6ffcf;border:1px solid #fff;border-radius:12px;box-shadow:0 0 30px #c8e8ff;backdrop-filter:blur(8px);z-index:50;color:#183246}.recipe-panel p{font-size:15px;margin:0 0 20px}.recipe-panel h3{font-size:21px;font-weight:500;line-height:1.5}.recipe-panel ol{list-style:none;padding:0;margin:24px 0 0}.recipe-panel li{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-top:1px solid #a8c5d650;font-size:14px}.recipe-panel small{font-size:12px;color:#597484}.recipe-note{display:block;text-align:right;margin-top:15px}@media(max-width:700px){#h03 .chapter-stage{padding:60px 24px 0;min-height:0}#h03 .copy{width:100%;max-width:none}#h03 .program-scene{opacity:.35}#h03 .recipe-panel{position:relative;left:auto;top:auto;width:calc(100% - 48px);margin:320px 24px 32px}.real-product{top:360px;bottom:auto;right:3%;height:280px;width:48%}#h03{min-height:1100px}}
/* Bound the zero-height sticky intro to its semantic chapter. */
#h02{clip-path:inset(0 -100vw 0 -100vw)}
#h03 .program-scene img{object-position:80% center}
#h03 .real-product{mix-blend-mode:normal}
#h03 .recipe-panel{left:53%;width:20%;top:35%;padding:20px}
@media(max-width:700px){#h03 .recipe-panel{left:auto;width:calc(100% - 48px);top:auto}#h03 .program-scene img{object-position:50% center}}
.real-product svg{display:block;width:100%;height:100%}
#h03 .real-product{right:3%;width:24%;height:80%;bottom:6%}
#h03 .copy{width:34%;max-width:500px}
#h03 h2{font-size:clamp(30px,2.8vw,44px);text-wrap:balance}
@media(max-width:700px){#h03 .real-product{right:4%;width:43%;height:280px;bottom:auto}#h03 .copy{width:100%}}
#h03 .program-scene::after{content:"";position:absolute;inset:0 0 0 66%;background:linear-gradient(90deg,transparent,#e5edf2 38%,#e5edf2)}
#h03 .real-product::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:14px;background:radial-gradient(ellipse,#19344435,transparent 70%);z-index:-1}

@media(min-width:701px){#h03{min-height:clamp(680px,49vw,960px)}#h03 .chapter-stage{min-height:clamp(680px,49vw,960px);padding-top:clamp(75px,7vw,120px);padding-bottom:65px}#h03 .recipe-panel{top:31%}}

@media(min-width:701px){#h03 .program-scene img{transform:translateX(-9%)}#h03 .program-scene{background:#e7eff3}}