#miso-anatomy{height:650svh;position:relative;scroll-margin-top:0;background:#f3e8d6}.story-screen{position:sticky;top:0;height:100svh;overflow:hidden;background:#f3e8d6;color:#28251f;isolation:isolate}.story-original{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:2;opacity:0;transform:scale(1.12);transition:opacity 1s,transform 1.6s}.story-screen:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#050b07dd,transparent 65%);opacity:0;transition:opacity .8s}.food-stage{position:absolute;inset:0;z-index:1}.food-piece{position:absolute;width:min(48vw,680px);aspect-ratio:2/3;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform 1.3s cubic-bezier(.22,.7,.18,1),opacity .8s;will-change:transform}.food-piece img{display:block;width:100%;height:100%}.toppings{clip-path:inset(0 0 65% 0)}.noodles{clip-path:inset(35% 0 37% 0)}.broth{clip-path:inset(63% 0 0 0)}.story-screen[data-scene='1'] .toppings{transform:translate(-104%,-14%) scale(.95)}.story-screen[data-scene='1'] .noodles{transform:translate(-31%,-48%) scale(.95)}.story-screen[data-scene='1'] .broth{transform:translate(35%,-80%) scale(.95)}.story-screen[data-scene='2'] .broth{transform:translate(-16%,-105%) scale(1.5)}.story-screen[data-scene='3'] .noodles{transform:translate(-16%,-51%) scale(1.5)}.story-screen[data-scene='4'] .toppings{transform:translate(-16%,0%) scale(1.5)}.story-screen[data-scene='2'] .toppings,.story-screen[data-scene='2'] .noodles,.story-screen[data-scene='3'] .toppings,.story-screen[data-scene='3'] .broth,.story-screen[data-scene='4'] .noodles,.story-screen[data-scene='4'] .broth{opacity:.08;transform:translate(-100%,-50%) scale(.7)}.story-top{position:absolute;z-index:5;top:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em}.story-top button{background:transparent;border:1px solid currentColor;padding:12px 18px;min-height:48px;font-size:11px}.story-copy{position:absolute;z-index:5;left:6%;top:28%;width:29%;pointer-events:none}.story-copy>p:first-child{font-size:10px;letter-spacing:.18em}.story-copy h2{font-family:'Yu Mincho',serif;font-size:clamp(36px,4.5vw,70px);font-weight:500;line-height:1.45;letter-spacing:.04em;margin:25px 0}.story-copy>p:last-child{font-size:13px;line-height:2;max-width:320px}.story-screen[data-scene='1'] .story-copy{top:auto;bottom:20%;width:45%}.story-screen[data-scene='1'] .story-copy h2{font-size:38px;margin:15px 0}.story-screen[data-scene='1'] .story-copy>p:last-child{max-width:450px}.ingredient-controls{position:absolute;right:6%;bottom:22%;z-index:5;display:flex;gap:12px}.ingredient-controls button{background:#fbf4e9e8;border:1px solid #98866d;padding:14px 20px;min-height:48px;font-size:12px;color:#28251f}.ingredient-controls button[aria-pressed=true]{background:#9e4027;color:white;border-color:#9e4027}.story-bottom{position:absolute;z-index:5;bottom:25px;left:6%;right:6%}.scene-nav{display:flex;gap:0;border-top:1px solid #99836a66}.scene-nav button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:17px 10px;min-height:48px;font-size:12px;color:inherit}.scene-nav button[aria-pressed=true]{border-color:currentColor;font-weight:bold}.story-progress{height:2px;background:#99836a44}.story-progress i{display:block;height:100%;background:currentColor;width:0}.story-bottom p{font-size:10px;line-height:1.6;max-width:75%;opacity:.8}.scroll-hint{position:absolute;right:0;bottom:0;font-size:9px;letter-spacing:.1em}.story-screen[data-scene='0'],.story-screen[data-scene='5']{color:#faf4e7}.story-screen[data-scene='0'] .story-original,.story-screen[data-scene='5'] .story-original{opacity:1;transform:scale(1)}.story-screen[data-scene='0']:after,.story-screen[data-scene='5']:after{opacity:1}.story-screen[data-scene='5'] .food-piece{transform:translate(-50%,-50%) scale(.75)}.story-screen[data-scene='0'] .food-piece{opacity:0}.story-screen[data-scene='1'] .ingredient-controls{bottom:25%;}.story-screen[data-scene='1'] .story-copy{pointer-events:none}.story-screen .story-copy{transition:top .6s,bottom .6s}
@media(max-width:700px){#miso-anatomy{height:550svh}.story-top{top:18px;left:5%;right:5%}.story-top>span{font-size:8px}.story-top button{font-size:9px;padding:10px}.story-copy{left:6%;top:13%;width:88%}.story-copy h2{font-size:38px;line-height:1.3;margin:16px 0}.story-copy h2 br{display:none}.story-copy>p:last-child{font-size:11px;max-width:90%}.food-piece{width:86vw;left:50%;top:56%}.story-screen[data-scene='1'] .toppings{transform:translate(-50%,-61%) scale(.93)}.story-screen[data-scene='1'] .noodles{transform:translate(-50%,-52%) scale(.93)}.story-screen[data-scene='1'] .broth{transform:translate(-50%,-44%) scale(.93)}.story-screen[data-scene='1'] .story-copy{top:12%;bottom:auto;width:88%}.story-screen[data-scene='1'] .story-copy h2{font-size:32px}.story-screen[data-scene='2'] .broth{transform:translate(-50%,-91%) scale(1.18)}.story-screen[data-scene='3'] .noodles{transform:translate(-50%,-48%) scale(1.18)}.story-screen[data-scene='4'] .toppings{transform:translate(-50%,-5%) scale(1.18)}.ingredient-controls,.story-screen[data-scene='1'] .ingredient-controls{bottom:18%;right:6%;left:6%;justify-content:center;gap:8px}.ingredient-controls button{padding:12px 16px;font-size:11px}.story-bottom{bottom:15px;left:5%;right:5%}.scene-nav button{padding:14px 2px;font-size:9px}.story-bottom p{font-size:8px;max-width:100%;margin-bottom:20px}.scroll-hint{font-size:8px}.story-original{object-position:70% center}.story-screen[data-scene='0'] .story-copy,.story-screen[data-scene='5'] .story-copy{top:15%}.story-screen:after{background:linear-gradient(180deg,#060c08aa,transparent 80%)}}
@media(prefers-reduced-motion:reduce){.food-piece,.story-original,.story-screen:after,.story-copy{transition:none!important;will-change:auto}}
@media(min-width:701px){.story-screen[data-scene='1'] .story-copy{top:11%;bottom:auto;width:80%}.story-screen[data-scene='1'] .story-copy h2 br{display:none}.story-screen[data-scene='1'] .story-copy h2{font-size:42px}.story-screen[data-scene='1'] .food-piece{top:54%}}
@media(max-width:700px){.story-screen[data-scene='1'] .food-piece{width:70vw;top:59%}.story-screen[data-scene='1'] .ingredient-controls{bottom:16%}.story-screen[data-scene='1'] .broth{transform:translate(-50%,-53%) scale(.93)}}
@media(min-width:701px){.story-copy{width:32%}.story-copy h2{font-size:clamp(36px,4.1vw,64px)}.story-screen[data-scene='1'] .toppings{transform:translate(-99%,-14%) scale(.77)}.story-screen[data-scene='1'] .noodles{transform:translate(-43%,-48%) scale(.77)}.story-screen[data-scene='1'] .broth{transform:translate(14%,-80%) scale(.77)}}
.toppings{clip-path:inset(0 0 66.5% 0)}.noodles{clip-path:inset(34% 0 37.7% 0)}.broth{clip-path:inset(62.5% 0 0 0)}
@media(min-width:701px){.story-screen[data-scene='1'] .toppings{transform:translate(-99%,-26%) scale(.77)}.story-screen[data-scene='1'] .broth{transform:translate(14%,-70%) scale(.77)}}
button.food-piece{padding:0;border:0;background:none;color:inherit;cursor:zoom-in}button.food-piece:focus-visible{filter:drop-shadow(0 0 8px #9e4027);outline:none}button.food-piece:disabled{cursor:default}
.story-original{pointer-events:none}

#miso-anatomy{height:650svh;position:relative;background:#f3e8d6;z-index:4;scroll-margin-top:0}#anatomy-screen.story-screen{position:sticky;top:0;height:100svh;min-height:100svh;overflow:hidden;background:#f3e8d6!important}#anatomy-screen .food-stage{z-index:6}#anatomy-screen .story-copy,#anatomy-screen .story-top,#anatomy-screen .story-bottom,#anatomy-screen .ingredient-controls{z-index:10}#anatomy-screen .story-original{pointer-events:none}#anatomy-screen .signature-copy{transition:opacity .65s;pointer-events:none}#anatomy-screen:not([data-scene="0"])>.signature-copy,#anatomy-screen:not([data-scene="0"])>.fx-steam,#anatomy-screen:not([data-scene="0"])>.steam-photo,#anatomy-screen:not([data-scene="0"])>.veil{opacity:0!important;pointer-events:none!important}#anatomy-screen[data-scene="0"] .story-copy,#anatomy-screen[data-scene="0"] .story-top,#anatomy-screen[data-scene="0"] .ingredient-controls,#anatomy-screen[data-scene="0"] .scene-nav{visibility:hidden;pointer-events:none}#anatomy-screen .miso-anatomy-start{display:flex;gap:70px;align-items:center;margin-top:24px;background:none;color:#f8eee0;border:0;border-bottom:1px solid #bda689;padding:17px 0;font-size:12px;cursor:pointer;pointer-events:auto;min-height:48px}#anatomy-screen button{font-family:inherit}#anatomy-screen button:focus-visible{outline:2px solid #bc7348;outline-offset:5px}.story-copy h2{color:inherit}.story-copy p{margin-bottom:0}#anatomy-screen .story-original{transition:opacity 1s}#anatomy-screen .food-piece img{max-width:none}#anatomy-screen .story-screen:after{pointer-events:none}#anatomy-screen[data-scene="0"] .story-bottom p{max-width:65%}#anatomy-screen[data-scene="0"] .story-progress{opacity:.3}@media(max-width:700px){#miso-anatomy{height:550svh}#anatomy-screen .signature-copy h2{font-size:clamp(42px,11vw,62px)}#anatomy-screen .signature-copy p{font-size:12px;max-width:85%}#anatomy-screen .miso-anatomy-start{margin-top:14px}#anatomy-screen .story-bottom{bottom:12px}#anatomy-screen[data-scene="0"] .story-bottom{display:none}}
#anatomy-screen .story-bottom{pointer-events:none}#anatomy-screen .scene-nav button{pointer-events:auto}#anatomy-screen[data-scene="0"] .scene-nav button{pointer-events:none}
#anatomy-screen:not([data-scene="0"])>.signature-copy{visibility:hidden}#anatomy-screen .story-top{top:88px;left:20%}#anatomy-screen[data-scene="1"] .story-copy{top:18%}@media(max-width:700px){#anatomy-screen .story-top{top:76px;left:auto;right:6%}#anatomy-screen .story-top>span{display:none}#anatomy-screen .story-copy,#anatomy-screen[data-scene="1"] .story-copy{top:17%}}
@media(max-width:700px){#anatomy-screen[data-scene="1"] .story-copy h2{font-size:26px}#anatomy-screen[data-scene="1"] .story-copy h2 br{display:none}}
#anatomy-screen .food-stage{pointer-events:none}#anatomy-screen .food-piece{pointer-events:auto}#anatomy-screen .food-piece:disabled{pointer-events:none}

#anatomy-screen[data-scene="5"] .food-piece{opacity:0;pointer-events:none}#anatomy-screen[data-scene="5"] .ingredient-controls{visibility:hidden;pointer-events:none}