.vinyl-surface{background:repeating-radial-gradient(circle,#0000 0 .4%,#66160055 .53% .66%),conic-gradient(#ff3d12,#a72208,#ff7040,#df2e09,#ff3d12);border-radius:50%;box-shadow:inset 0 0 0 3px #ff8253,inset 0 0 35px #651c08;container-type:inline-size}.blog-reader{isolation:isolate;position:relative;overflow:clip}.reading-turntable-rail{pointer-events:none;z-index:-1;width:34vw;position:absolute;inset:0 auto 0 0}.reading-turntable{--arm-start:.24s;--arm-duration:1.1s;width:100%;height:100svh;position:sticky;top:0}.reading-mechanism{aspect-ratio:1;width:min(60vw,1000px);position:absolute;top:50%;right:5vw;translate:0 -50%}.reading-record{animation:record-spin 32s linear calc(var(--arm-start) + var(--arm-duration)) infinite;position:absolute;inset:0}.reading-label{color:#29211e;letter-spacing:.4cqw;text-align:center;background:#f0efea;border-radius:50%;place-items:center;font-size:1.6cqw;display:grid;position:absolute;inset:34%}.reading-label i{background:#151515;border:2px solid #aaa;border-radius:50%;position:absolute;inset:47%}.reading-arm{object-fit:contain;transform-origin:50% 8%;filter:drop-shadow(-8px 8px 5px #0008);width:auto;height:56.6%;animation:arm-lower var(--arm-duration) cubic-bezier(.42,0,.2,1) var(--arm-start) both;position:absolute;top:17.8%;left:calc(95.5% + 11px);transform:rotate(28deg)}@keyframes record-spin{to{rotate:360deg}}@keyframes record-settle{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes arm-lower{0%{transform:rotate(155deg)}to{transform:rotate(28deg)}}.track-vinyl{border-radius:50%;position:relative}.track-vinyl-rotor{transition:transform .6s cubic-bezier(.22,.7,.25,1);position:absolute;inset:0}.track-vinyl-white{opacity:1;transition:opacity .4s;position:absolute;inset:0}.track-vinyl .vinyl-surface{opacity:0;transition:opacity .4s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.group:hover .track-vinyl-rotor{transform:rotate(180deg)}.group:hover .track-vinyl-white{opacity:0}.group:hover .track-vinyl .vinyl-surface{opacity:1}}.group:focus-visible .track-vinyl-rotor,.track-opening .track-vinyl-rotor{transform:rotate(180deg)}.group:focus-visible .track-vinyl-white,.track-opening .track-vinyl-white{opacity:0}.group:focus-visible .track-vinyl .vinyl-surface,.track-opening .track-vinyl .vinyl-surface{opacity:1}.track-opening{z-index:2;position:relative}@keyframes track-open{0%{transform:scale(1)}50%{transform:scale(1.12)}70%{opacity:1}to{opacity:0;transform:scale(3.2)}}@media (max-width:767px){.reading-turntable-rail{z-index:0;width:100%;height:320px;margin-top:-24px;margin-bottom:32px;position:relative;overflow:clip}.reading-turntable{height:100%;position:relative;top:auto}.reading-mechanism{width:520px;top:52%;right:24%}.reading-article{padding-top:24px}}@media (prefers-reduced-motion:reduce){.reading-record,.reading-arm,.track-opening .track-vinyl{animation:none}.track-vinyl .vinyl-surface,.track-vinyl-white,.track-vinyl-rotor{transition:none}}.vinyl-flight{z-index:40;pointer-events:none;transform-origin:0 0;position:fixed}.vinyl-flight .track-vinyl{visibility:visible!important}.vinyl-in-flight .reading-record{visibility:hidden;animation:none}.vinyl-in-flight .reading-arm{animation:none;transform:rotate(155deg)}