.gh-learning{display:block;position:relative;background:#f8f6f0;color:#383a33;font:300 14px/1.7 var(--font-body-family,Arial,sans-serif);isolation:isolate}.gh-learning *{box-sizing:border-box}.ls-pin{padding:28px clamp(22px,5vw,80px) 24px;max-width:1600px;margin:auto;min-height:710px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:18px}.gh-learning.is-ready[data-mode=power] .ls-pin{position:sticky;top:0;height:100svh;min-height:650px}.ls-breadcrumb{display:flex;justify-content:space-between;color:#8a806d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.ls-breadcrumb a{color:inherit;text-decoration:none}.ls-heading{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end}.ls-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#92794b;margin:0 0 8px}.gh-learning h1,.gh-learning h2{font-family:inherit;font-weight:300;font-style:normal;text-transform:none;letter-spacing:-.03em;color:#383a33;line-height:1.13}.gh-learning h1{font-size:clamp(30px,3.2vw,44px);margin:0}.ls-heading>p{font-size:12px;line-height:1.75;color:#817b6d;max-width:420px;margin:0 0 3px}.ls-types{display:flex;gap:8px;flex-wrap:wrap}.ls-types button{font:inherit;font-size:11px;line-height:1.5;min-height:38px;padding:9px 17px;border:1px solid #dfd6c5;border-radius:5px;background:transparent;color:#837963;cursor:pointer;transition:background .25s,border-color .25s}.ls-types button[aria-selected=true]{background:#ede6d7;border-color:#c6b28b;color:#55472c}.gh-learning button:focus-visible,.gh-learning a:focus-visible{outline:2px solid #92794b;outline-offset:4px}.ls-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,80px);align-items:center;min-height:0}.ls-figure{margin:0;position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.ls-stage-art{position:relative;width:100%;max-width:580px;align-self:center;aspect-ratio:560/450;max-height:410px}.ls-mechanism{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 11px 7px #2d281a20)}.ls-mechanism[hidden]{display:none}.ls-mechanism [data-part]{transition:opacity .45s}.ls-mechanism .ls-battery{transition:none}.ls-figure figcaption{font-size:9px;line-height:1.55;color:#938977;max-width:350px;margin-top:4px}.ls-copy{max-width:420px;max-height:100%;overflow:auto;scrollbar-width:thin;padding-right:6px}.ls-system-intro{font-size:11px;line-height:1.7;color:#8c8271;max-width:340px;margin:0 0 25px}.ls-step-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#92794b;margin:0 0 12px}.gh-learning h2{font-size:clamp(25px,2.7vw,37px);margin:0 0 18px}.ls-body{font-size:14px;line-height:1.8;color:#6c6d63;margin:0 0 20px}.ls-care{border-top:1px solid #e3dccf;padding-top:14px;font-size:10px;line-height:1.7;color:#9a907d;margin:0 0 17px}.ls-other{display:inline-flex;gap:30px;text-decoration:none;color:#826b44;font-size:11px;border-bottom:1px solid #d1c2a4;padding-bottom:6px}.ls-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-width:0}.ls-footer>p{font-size:10px;color:#938977;margin:0;white-space:nowrap}.ls-footer>p span{margin-left:14px;color:#92794b}.ls-parts{display:flex;gap:20px;position:relative;padding-bottom:10px;flex-wrap:wrap;justify-content:flex-end}.ls-parts:after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0;background:#e0d6c2}.ls-parts button{font:inherit;font-size:10px;color:#948974;background:none;border:0;padding:8px 0;cursor:pointer;min-height:34px}.ls-parts button[aria-current=step]{color:#50462f}.ls-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:1;background:#a88d56;transform:scaleX(0);transform-origin:left}.ls-reading-note{font:300 11px/1.8 var(--font-body-family,Arial,sans-serif);max-width:1000px;margin:0 auto;padding:24px;color:#9b907e}.ls-reading-note>p{margin:0 0 10px}.ls-reading-note a{color:#81704f}.ls-reading-note summary{cursor:pointer;max-width:200px}.ls-fallback{padding:30px;max-width:900px;margin:auto}.ls-fallback article{margin:40px 0}.ls-fallback h2{font:300 26px var(--font-body-family,Arial,sans-serif)}
.ls-gear,.ls-seconds,.ls-balance,.ls-pallet,.ls-rotor,.ls-crown-spin,.ls-wind-gear,.ls-spring{transform-box:view-box}.gh-learning.is-visible.is-running .ls-gear-a{animation:ls-turn 12s linear infinite}.gh-learning.is-visible.is-running .ls-gear-b{animation:ls-turn 8s linear infinite reverse}.gh-learning.is-visible.is-running .ls-gear-c{animation:ls-turn 5s linear infinite}.gh-learning.is-visible.is-running .ls-motor{animation:ls-turn 6s steps(12) infinite}.gh-learning.is-visible.is-running .ls-escape{animation:ls-turn 8s steps(15) infinite}.gh-learning.is-visible.is-running .ls-balance{animation:ls-balance .7s ease-in-out infinite alternate}.gh-learning.is-visible.is-running .ls-pallet{animation:ls-pallet .35s steps(2) infinite alternate}.gh-learning.is-visible.is-running .ls-seconds{animation:ls-turn 60s linear infinite}.gh-learning[data-system=quartz].is-visible.is-running .ls-seconds,.gh-learning[data-system=solar].is-visible.is-running .ls-seconds{animation-timing-function:steps(60)}.gh-learning.is-visible.is-electric .ls-pulse{animation:ls-flow 1.8s linear infinite}.gh-learning.is-visible.is-electric .ls-vibration{animation:ls-vibrate .8s ease-in-out infinite alternate}.gh-learning.is-visible.is-winding .ls-crown-spin{animation:ls-wind 2.2s ease-in-out infinite}.gh-learning.is-visible.is-winding .ls-wind-gear{animation:ls-turn 5s linear infinite}.gh-learning.is-visible.is-winding .ls-spring{animation:ls-spring 3s ease-in-out infinite alternate}.gh-learning.is-visible[data-system=automatic] .ls-rotor{animation:ls-rotor 4.8s ease-in-out infinite alternate}.gh-learning.is-visible[data-system=solar] .ls-light-rays{animation:ls-light 3s ease-in-out infinite alternate}
@keyframes ls-turn{to{transform:rotate(360deg)}}@keyframes ls-balance{from{transform:rotate(-65deg)}to{transform:rotate(65deg)}}@keyframes ls-pallet{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes ls-flow{to{stroke-dashoffset:-30}}@keyframes ls-vibrate{from{opacity:.3}to{opacity:1}}@keyframes ls-wind{0%,100%{transform:scaleY(.85)}50%{transform:scaleY(1)}}@keyframes ls-spring{from{transform:rotate(0) scale(1)}to{transform:rotate(50deg) scale(.88)}}@keyframes ls-rotor{from{transform:rotate(-70deg)}to{transform:rotate(65deg)}}@keyframes ls-light{from{opacity:.45}to{opacity:1}}
@media(max-width:1000px){.ls-pin{padding:24px;gap:14px}.ls-layout{gap:25px;grid-template-columns:1.1fr 1fr}.ls-system-intro{margin-bottom:16px}.ls-body{font-size:13px}.ls-footer>p{display:none}.ls-footer{justify-content:center}.ls-parts{width:100%;justify-content:space-between;gap:10px}.ls-heading{gap:20px}}
@media(max-width:700px){.ls-pin{padding:20px;min-height:850px;gap:12px}.gh-learning.is-ready[data-mode=power] .ls-pin{min-height:740px}.ls-heading{display:block}.ls-heading>p{font-size:11px;margin-top:9px;max-width:370px}.gh-learning h1{font-size:31px}.ls-kicker{font-size:8px;margin-bottom:6px}.ls-breadcrumb{font-size:8px}.ls-types{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ls-types button{font-size:10px;padding:8px;min-height:35px}.ls-layout{display:flex;flex-direction:column;gap:8px;align-items:stretch}.ls-figure{height:44%;min-height:190px;align-self:stretch;flex-shrink:0}.ls-stage-art{width:auto;height:100%;max-height:250px;aspect-ratio:560/450}.ls-figure figcaption{display:none}.ls-copy{flex:1;max-height:none;min-height:0;overflow:auto}.ls-system-intro{font-size:10px;margin:0 0 10px}.ls-step-label{font-size:8px;margin-bottom:7px}.gh-learning h2{font-size:26px;margin-bottom:10px}.ls-body{font-size:12px;line-height:1.75;margin-bottom:12px}.ls-care{font-size:9px;padding-top:9px;margin-bottom:10px}.ls-other{font-size:10px}.ls-parts{gap:8px;flex-wrap:nowrap;overflow-x:auto;justify-content:space-between;scrollbar-width:none}.ls-parts button{font-size:9px;flex-shrink:0}.ls-footer{min-height:42px}.gh-learning[data-mode=anatomy] .ls-layout{min-height:560px}.gh-learning[data-mode=anatomy] .ls-figure{height:260px}.ls-reading-note{font-size:10px}}
@media(max-width:700px) and (max-height:760px){.gh-learning.is-ready[data-mode=power] .ls-pin{min-height:670px;gap:8px;padding:15px 20px}.ls-heading>p{display:none}.gh-learning h1{font-size:28px}.ls-figure{height:38%;min-height:145px}.ls-stage-art{max-height:185px}.ls-system-intro{display:none}.ls-care{font-size:8.5px}.ls-body{font-size:11.5px}.gh-learning h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.gh-learning *{animation:none!important;transition:none!important}.gh-library-learning-links a{transition:none!important}}

.gh-learning{z-index:5}