body.academy-v9.academy-v9 main .learning-story{--ls-p:1;max-width:1440px;margin:64px auto;padding:0 var(--ac-gutter,5vw);color:#123f33}
body.academy-v9.academy-v9 main .learning-story .ls-head{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;margin-bottom:30px}
body.academy-v9.academy-v9 main .learning-story .ls-head h2{font:800 clamp(38px,4.5vw,64px)/1.04 'Barlow Condensed',sans-serif;letter-spacing:-.01em;margin:0;max-width:17ch}
body.academy-v9.academy-v9 main .learning-story .ls-head>p{font:400 17px/1.65 Manrope,sans-serif;max-width:44ch;margin:0;color:#506557}
body.academy-v9.academy-v9 main .learning-story .ls-choices{display:flex;gap:0;border:1px solid #335e4438;border-bottom:0;background:#e1e9d8;border-radius:12px 12px 0 0;overflow:hidden}
body.academy-v9.academy-v9 main .learning-story .ls-choices button{flex:1;min-height:64px;display:flex;gap:14px;align-items:center;justify-content:flex-start;text-align:left;padding:15px 22px;background:none;border:0;border-right:1px solid #335e4430;color:#254e3c;font:600 15px/1.4 Manrope,sans-serif;cursor:pointer}
body.academy-v9.academy-v9 main .learning-story .ls-choices button:last-child{border-right:0}body.academy-v9.academy-v9 main .learning-story .ls-choices button[aria-pressed=true]{background:#173f33;color:#f8f4e6}
body.academy-v9.academy-v9 main .learning-story .ls-choices button span{font-size:12px;opacity:.65}
body.academy-v9.academy-v9 main .learning-story .ls-explorer{display:grid;grid-template-columns:1.05fr 1fr;background:#173f33;color:#faf6e9;border-radius:0 0 12px 12px;overflow:hidden}
body.academy-v9.academy-v9 main .learning-story .ls-visual{margin:0;background:#eeeede;color:#254e3c;padding:24px 20px 14px;min-width:0}
body.academy-v9.academy-v9 main .learning-story .ls-visual svg{display:block;width:100%;height:auto;max-height:420px;overflow:visible;--ls-p:1}
body.academy-v9.academy-v9 main .learning-story .ls-visual figcaption{font:800 clamp(22px,2.5vw,32px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:0;margin:7px 15px 20px}
body.academy-v9.academy-v9 main .learning-story .ls-motion-controls{display:flex;gap:16px;align-items:center;padding:0 14px}body.academy-v9.academy-v9 main .learning-story .ls-motion-controls label{flex:1;min-width:0;display:flex;align-items:center}body.academy-v9.academy-v9 main .learning-story .ls-motion-controls input{width:100%;min-width:0;accent-color:#204f3b}
body.academy-v9.academy-v9 main .learning-story .ls-motion-controls button{font:600 12px/1.4 Manrope,sans-serif;min-height:44px;background:#fffdf5;border:1px solid #365c4144;border-radius:6px;color:#274d3a;padding:8px 12px;cursor:pointer;flex:0 1 165px}
body.academy-v9.academy-v9 main .learning-story .ls-visual-note{font:400 10px/1.6 Manrope,sans-serif;color:#5b705c;text-align:center;margin:12px 0 0}
body.academy-v9.academy-v9 main .learning-story .ls-copy{padding:40px clamp(24px,3.5vw,54px);display:flex;flex-direction:column;justify-content:center;min-width:0}
body.academy-v9.academy-v9 main .learning-story [data-ls-panel]{margin:0 0 26px}body.academy-v9.academy-v9 main .learning-story .ls-stage-count{font:600 12px/1 Manrope,sans-serif;color:#c7d9af;display:block;margin-bottom:26px;letter-spacing:.16em}
body.academy-v9.academy-v9 main .learning-story .ls-copy h3{font:800 clamp(32px,3vw,44px)/1.08 'Barlow Condensed',sans-serif;color:#fcf8eb;margin:0 0 20px;letter-spacing:0;text-wrap:balance}
body.academy-v9.academy-v9 main .learning-story .ls-copy p{font:400 17px/1.75 Manrope,sans-serif;color:#e3ead9;margin:0;max-width:44ch}
body.academy-v9.academy-v9 main .learning-story .ls-navigation{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #e3ead944;padding-top:20px;margin-top:auto}
body.academy-v9.academy-v9 main .learning-story .ls-navigation button{min-height:48px;font:600 14px/1.4 Manrope,sans-serif;background:none;border:0;color:#f9f5e7;padding:10px 0;cursor:pointer}
body.academy-v9.academy-v9 main .learning-story button:disabled{opacity:.4;cursor:default}body.academy-v9.academy-v9 main .learning-story button:active{transform:translateY(1px)}
body.academy-v9.academy-v9 main .learning-story .ls-quiz{border-bottom:1px solid #234f3b44;margin-top:8px}body.academy-v9.academy-v9 main .learning-story .ls-quiz>summary{display:flex;justify-content:space-between;padding:23px 0;cursor:pointer;font:800 23px/1.3 'Barlow Condensed',sans-serif}
body.academy-v9.academy-v9 main .learning-story .ls-quiz-body{padding:0 0 24px}body.academy-v9.academy-v9 main .learning-story .ls-quiz-body h3{font-size:28px}body.academy-v9.academy-v9 main .learning-story .ls-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
body.academy-v9.academy-v9 main .learning-story .ls-answers button{display:flex;align-items:flex-start;gap:12px;min-height:60px;background:#fffdf5;border:1px solid #52775055;border-radius:6px;padding:17px;text-align:left;color:#204633;font:400 15px/1.6 Manrope,sans-serif;cursor:pointer}
body.academy-v9.academy-v9 main .learning-story .ls-answers button span{font-weight:800;color:#6c8263}body.academy-v9.academy-v9 main .learning-story .ls-answers button[aria-pressed=true]{background:#deead1;border-color:#285540}
body.academy-v9.academy-v9 main .learning-story .ls-answers button[data-correct=true]{border-width:2px}body.academy-v9.academy-v9 main .learning-story [data-ls-feedback]:empty{display:none}
body.academy-v9.academy-v9 main .learning-story [data-ls-feedback]{font:400 16px/1.7 Manrope,sans-serif;border-left:3px solid #86a06f;padding:8px 0 8px 20px;max-width:80ch}
body.academy-v9.academy-v9 main .learning-story [hidden]{display:none!important}body.academy-v9.academy-v9 main .learning-story :is(button,input,summary):focus-visible{outline:3px solid #b88b31;outline-offset:4px}
body.academy-v9.academy-v9 main .learning-story .ls-grains{transform:translateY(calc((1 - var(--ls-p))*-34px));opacity:calc(.25 + var(--ls-p)*.75)}
body.academy-v9.academy-v9 main .learning-story .ls-drop{transform:translateY(calc(var(--ls-p)*32px))}body.academy-v9.academy-v9 main .learning-story .ls-float,body.academy-v9.academy-v9 main .learning-story .ls-bubbles{transform:translateY(calc((1 - var(--ls-p))*16px))}
body.academy-v9.academy-v9 main .learning-story .ls-aroma{stroke-dasharray:150;stroke-dashoffset:calc((1 - var(--ls-p))*150);opacity:calc(.25 + var(--ls-p)*.75)}
body.academy-v9.academy-v9 main .learning-story .ls-water-lines{stroke-dasharray:230;stroke-dashoffset:calc((1 - var(--ls-p))*230)}
body.academy-v9.academy-v9 main .learning-story .ls-leaf{opacity:calc(.45 + var(--ls-p)*.55)}
body.academy-v9.academy-v9 main .learning-story .ls-roast{transform-origin:270px 189px;transform:rotate(calc((1 - var(--ls-p))*-55deg))}
body.academy-v9.academy-v9 main .learning-story .ls-heat{opacity:calc(.3 + var(--ls-p)*.7)}
body.academy-v9.academy-v9 main .learning-story .ls-lid{transform:translateY(calc((1 - var(--ls-p))*-32px))}
body.academy-v9.academy-v9 main .learning-story .ls-brush{transform:translateX(calc((1 - var(--ls-p))*42px))}
body.academy-v9.academy-v9 main .learning-story .ls-path{stroke-dashoffset:calc(var(--ls-p)*-80px)}
body.academy-v9.academy-v9 main .learning-story .ls-check{stroke-dasharray:80;stroke-dashoffset:calc((1 - var(--ls-p))*80)}
body.academy-v9.academy-v9 main .learning-story .ls-compare{transform:translateY(calc((1 - var(--ls-p))*-15px));opacity:calc(.3 + var(--ls-p)*.7)}
@media(max-width:1000px){body.academy-v9.academy-v9 main .learning-story .ls-head{gap:26px}body.academy-v9.academy-v9 main .learning-story .ls-explorer{grid-template-columns:1fr 1fr}body.academy-v9.academy-v9 main .learning-story .ls-copy{padding:28px}body.academy-v9.academy-v9 main .learning-story .ls-choices button{padding:14px 16px;font-size:14px}body.academy-v9.academy-v9 main .learning-story .ls-answers{grid-template-columns:1fr}}
@media(max-width:760px){body.academy-v9.academy-v9 main .learning-story{padding:0 20px;margin-block:40px}body.academy-v9.academy-v9 main .learning-story .ls-head{grid-template-columns:1fr;gap:20px}body.academy-v9.academy-v9 main .learning-story .ls-explorer{grid-template-columns:1fr}body.academy-v9.academy-v9 main .learning-story .ls-choices{flex-direction:column}body.academy-v9.academy-v9 main .learning-story .ls-choices button{min-height:52px;border-right:0;border-bottom:1px solid #335e4430}body.academy-v9.academy-v9 main .learning-story .ls-visual{padding:16px 12px 12px}body.academy-v9.academy-v9 main .learning-story .ls-visual svg{max-height:340px}body.academy-v9.academy-v9 main .learning-story .ls-copy{padding:30px 24px;min-height:350px}body.academy-v9.academy-v9 main .learning-story .ls-stage-count{margin-bottom:18px}body.academy-v9.academy-v9 main .learning-story .ls-copy h3{font-size:34px}body.academy-v9.academy-v9 main .learning-story .ls-copy p{font-size:16px}body.academy-v9.academy-v9 main .learning-story .ls-motion-controls{gap:10px}body.academy-v9.academy-v9 main .learning-story .ls-motion-controls button{font-size:11px;flex-basis:145px}}
@media print{body.academy-v9.academy-v9 main .learning-story .ls-choices,body.academy-v9.academy-v9 main .learning-story .ls-motion-controls,body.academy-v9.academy-v9 main .learning-story .ls-navigation,body.academy-v9.academy-v9 main .learning-story .ls-quiz{display:none!important}body.academy-v9.academy-v9 main .learning-story [data-ls-panel][hidden]{display:block!important}body.academy-v9.academy-v9 main .learning-story .ls-copy{background:white;color:black}body.academy-v9.academy-v9 main .learning-story .ls-copy :is(h3,p){color:black}}

body.academy-v9.academy-v9 main .learning-story .ls-dial{transform-origin:270px 187px;transform:rotate(calc((1 - var(--ls-p))*-18deg))}
body.academy-v9.academy-v9 main .learning-story .ls-tamper{transform:translateY(calc(var(--ls-p)*48px))}
body.academy-v9.academy-v9 main .learning-story .ls-wipe{transform:translateY(calc(var(--ls-p)*35px))}
body.academy-v9.academy-v9 main .learning-story .ls-spoon{transform:translateX(calc((1 - var(--ls-p))*18px))}
body.academy-v9.academy-v9 main .learning-story .ls-art{transform-origin:270px 234px;transform:scale(calc(.25 + var(--ls-p)*.75))}
body.academy-v9.academy-v9 main .learning-story .ls-visual-note{font-size:12px}
body.academy-v9.academy-v9 main .learning-story .ls-motion-controls input{min-height:44px;padding:0;background:transparent;border:0}
body.academy-v9.academy-v9 main .recipe-page[data-view=overview][data-recipe-slug] .recipe-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
body.academy-v9.academy-v9 main .recipe-page[data-view=overview][data-recipe-slug] .recipe-step:has(.rmv13){grid-template-columns:minmax(0,1fr);border:1px solid #9cb49b66;background:#fffdf6;padding:0;gap:0}
body.academy-v9.academy-v9 main .recipe-page[data-view=overview][data-recipe-slug] .recipe-step-copy{padding:24px}
body.academy-v9.academy-v9 main .recipe-page .recipe-step-photo{margin:0;border:0;background:#e7eddf;border-top:1px solid #abc2a9;padding:0 24px}
body.academy-v9.academy-v9 main .recipe-page .recipe-step-photo summary{font:600 13px/1.5 Manrope,sans-serif;display:flex;align-items:center;min-height:48px;cursor:pointer}
body.academy-v9.academy-v9 main .recipe-page .recipe-step-photo summary:after{content:'+';margin-left:auto}
body.academy-v9.academy-v9 main .recipe-page .recipe-step-photo[open] summary:after{content:'−'}
body.academy-v9.academy-v9 main .recipe-page .recipe-step-photo img{width:100%;height:auto;max-height:400px;aspect-ratio:4/3;object-fit:cover;margin:0 0 24px}
@media(max-width:820px){body.academy-v9.academy-v9 main .recipe-page[data-view=overview][data-recipe-slug] .recipe-steps{grid-template-columns:minmax(0,1fr)}}