.rhythm-lesson .water-heading h1{font-size:clamp(58px,7.3vw,108px)}.rhythm-lesson .water-heading__intro{padding-right:0}.rhythm-lab{margin:0 4.5%;scroll-margin-top:22px}.rhythm-board{display:grid;grid-template-columns:1fr 1fr;min-height:570px;border:1px solid var(--line)}.rhythm-nature,.rhythm-instrument{position:relative;min-width:0;overflow:hidden}.rhythm-nature{background:#18251e;color:#d8dfcf;min-height:570px}.rhythm-nature canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.rhythm-panel-label{position:absolute;left:28px;top:27px;z-index:1;font:9px monospace;letter-spacing:.1em}.rhythm-nature__footer,.rhythm-instrument__footer{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;font:8px/1.7 monospace;letter-spacing:.04em}.rhythm-nature__footer{color:#a5b7a2}.rhythm-nature__footer>span:last-child{color:#e7a17f}.rhythm-instrument{background:#e8e8e0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 30px 70px}.rhythm-dial{width:min(100%,420px);touch-action:none;cursor:grab;outline-offset:2px;border-radius:50%;user-select:none}.rhythm-dial:active{cursor:grabbing}.rhythm-dial:focus-visible{outline:2px solid var(--blue)}.rhythm-dial svg{width:100%;height:auto;display:block;overflow:visible}.dial-guide{fill:none;stroke:#c4c7bc;stroke-width:.8}.dial-inner{fill:none;stroke:#c6cabe;stroke-width:.7;stroke-dasharray:2 6}.dial-tick{stroke:#7c8578;stroke-width:1}.dial-tick--major{stroke:#354233;stroke-width:1.6}.dial-arc{fill:none;stroke:#b76542;stroke-width:2;stroke-linecap:round}#needle line{stroke:#b76542;stroke-width:1;stroke-dasharray:3 5}#needle circle{fill:#b76542;stroke:#e8e8e0;stroke-width:4}.dial-hub{fill:#222c24}.dial-value{fill:#f3f1eb;font:32px Archivo,Arial,sans-serif;font-weight:300;letter-spacing:-.04em}.dial-caption{fill:#a9b5a1;font:9px monospace;letter-spacing:.2em}.dial-axis{fill:#767c70;font:10px monospace}.rhythm-instrument>p{font:10px/1.8 monospace;color:#6a7364;text-align:center;margin:6px 0 0}.rhythm-instrument__footer{color:#717b69}.rhythm-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.rhythm-presets,.rhythm-playback{display:flex;gap:6px}.rhythm-toolbar button{border:1px solid transparent;padding:12px 18px;font:9px monospace;min-height:44px;background:none;color:#64705f;border-radius:3px}.rhythm-presets button span{font:11px Archivo,Arial,sans-serif;margin-left:8px}.rhythm-presets button[aria-pressed=true]{background:#253226;color:#f3f1eb}.rhythm-playback button:last-child{border-color:#cbd0c2;min-width:132px}.rhythm-sliders{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;padding:28px 0 25px;border-bottom:1px solid var(--line)}.rhythm-sliders label>span{display:flex;justify-content:space-between;gap:12px;font-size:11px}.rhythm-sliders output{font:10px monospace;color:#a35b3c}.rhythm-sliders input{width:100%;accent-color:#536c4c;min-height:28px;cursor:pointer;margin:10px 0 3px}.rhythm-sliders small{color:#777f70;font-size:9px;line-height:1.6;display:block}.rhythm-readout{display:grid;grid-template-columns:1.1fr .6fr 1.7fr;gap:28px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.rhythm-readout>div>span{display:block;font:8px monospace;letter-spacing:.1em;color:#78826f;margin-bottom:9px}.rhythm-readout code{font:12px monospace;color:#324b34}.rhythm-readout p{font-size:12px;line-height:1.7;color:#626e5d;margin:0}.rhythm-lesson .water-challenge{background:#e4e7dd}.rhythm-lesson .water-number{color:#997050}.rhythm-lesson .water-try:focus-visible,.rhythm-lesson summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.rhythm-static{display:block;max-width:100%}.rhythm-noscript{font-size:13px;padding:20px}.rhythm-lesson .water-story__intro .apps-games__eyebrow{font-size:9px}
@media(max-width:1050px){.rhythm-board{min-height:480px}.rhythm-nature{min-height:480px}.rhythm-instrument{padding:55px 20px 75px}.rhythm-dial{max-width:340px}.rhythm-nature__footer,.rhythm-instrument__footer{font-size:7px;left:20px;right:20px}.rhythm-panel-label{left:20px;font-size:8px}.rhythm-toolbar button{padding:10px 12px}.rhythm-sliders{gap:24px}.rhythm-lesson .water-heading h1{font-size:clamp(56px,7vw,80px)}}
@media(max-width:700px){.rhythm-lesson .apps-games__brand>span:last-child{display:none}.rhythm-lesson .water-heading h1{font-size:clamp(48px,11.9vw,75px);line-height:1.1}.rhythm-lab{margin:0 6%}.rhythm-board{grid-template-columns:1fr}.rhythm-nature{min-height:340px}.rhythm-instrument{min-height:330px;padding:42px 24px 54px}.rhythm-dial{width:210px;max-width:100%}.rhythm-panel-label{top:20px}.rhythm-instrument>p{font-size:9px;margin-top:0}.rhythm-toolbar{flex-wrap:wrap;gap:8px}.rhythm-presets{width:100%;justify-content:space-between}.rhythm-presets button{flex:1;padding:10px 5px;font-size:8px}.rhythm-presets button span{font-size:10px;margin-left:4px}.rhythm-playback{width:100%;justify-content:space-between}.rhythm-sliders{grid-template-columns:1fr 1fr;gap:25px 22px}.rhythm-readout{grid-template-columns:1fr .55fr;gap:20px}.rhythm-readout p{grid-column:1/-1}.rhythm-readout code{font-size:11px}.rhythm-nature__footer>span:first-child{max-width:150px}.rhythm-lesson .water-story{padding-top:60px}}

@media(max-width:700px){.rhythm-dial .dial-value{font-size:46px}.rhythm-dial .dial-caption{font-size:17px}.rhythm-dial .dial-axis{font-size:20px}.rhythm-lesson .water-story h2{font-size:clamp(40px,11vw,53px)}}