.li-section{background:var(--ps-wine);color:var(--ps-paper);padding-block:52px}.li-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.li-heading h2{font-size:clamp(38px,3.8vw,52px)}.li-heading p{color:#dfccd0;max-width:580px;margin-top:20px;font-size:15px}.li-motion-toggle{color:#f3e5df;background:0 0;border:1px solid #937981;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 14px;font-size:13px;display:inline-flex}.li-motion-toggle:hover:not(:disabled){background:#62434e}.li-motion-toggle:disabled{cursor:default;opacity:.7}.li-studies{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.li-study{min-width:0}.li-art{isolation:isolate;background:#f0e5d0;border-radius:8px;height:340px;display:block;position:relative;overflow:hidden}.li-art>svg{width:100%;height:100%;display:block;overflow:visible}.li-tempo .li-art>svg{height:calc(100% - 48px)}.li-study h3{font:31px/1.15 var(--ps-serif);margin-top:22px;margin-bottom:13px}.li-study>p{color:#dfccd0;max-width:350px;font-size:15px;line-height:1.75}.li-tempo-choices{justify-content:center;gap:9px;display:flex;position:absolute;bottom:10px;left:0;right:0}.li-tempo-choices button{color:#533b3d;font-variant-numeric:tabular-nums;background:#f4e7d5;border:1px solid #a77d6c;border-radius:24px;min-height:42px;padding:7px 12px;font-size:15px}.li-tempo-choices button span{font-size:11px}.li-tempo-choices button[aria-pressed=true]{color:#fff0dd;background:#5a3943;border-color:#5a3943}.li-bow{animation:4s ease-in-out infinite li-bowing}.li-pendulum{transform-origin:180px 195px;animation:li-swing var(--li-beat-cycle,2s) ease-in-out infinite}.li-pendulum-weight{transition:transform .35s}.li-record{transform-origin:225.8px 147.9px;animation:12s linear infinite li-turn}.li-soundwave{animation:2.4s ease-in-out infinite li-listen}.li-wave-two{animation-delay:-.6s}.li-bow,.li-pendulum,.li-record,.li-soundwave{animation-play-state:paused}.li-section[data-animate=true] .li-bow,.li-section[data-animate=true] .li-pendulum,.li-section[data-animate=true] .li-record,.li-section[data-animate=true] .li-soundwave{animation-play-state:running}@keyframes li-bowing{0%,to{transform:translate(-16px)}50%{transform:translate(16px)}}@keyframes li-swing{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@keyframes li-turn{to{transform:rotate(360deg)}}@keyframes li-listen{0%,to{opacity:.25}50%{opacity:.95}}@media (max-width:1000px){.li-studies{gap:18px}.li-study h3{font-size:28px}.li-heading{gap:20px}}@media (max-width:900px){.li-section{padding-block:42px 46px}.li-heading{margin-bottom:28px;display:block}.li-heading h2{font-size:39px}.li-heading p,.li-motion-toggle{margin-top:20px}.li-studies{grid-template-columns:1fr;gap:36px}.li-art{aspect-ratio:auto;height:auto;min-height:0}.li-art>svg{height:auto;max-height:380px;margin:auto}.li-tempo .li-art>svg{height:auto}.li-tempo .li-art{padding-bottom:44px}.li-study h3{margin-top:19px;font-size:31px}.li-study>p{max-width:none}}@media (prefers-reduced-motion:reduce){.li-bow,.li-pendulum,.li-record,.li-soundwave{animation:none!important}.li-pendulum-weight{transition:none}}