.ya-motion{display:block;width:180px;height:160px;overflow:visible;fill:none;stroke:#9ee9ed;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 9px 15px #36bccc38)}
.ya-motion .metal{fill:var(--metal);stroke:#91d7df}
.ya-motion .dark{fill:#0a2431;stroke:#81d9e1}
.ya-motion .fine{fill:none;stroke:#95e3e8;stroke-width:1.1;opacity:.65}
.ya-motion .hole{fill:#071e29;stroke:#79c6d1;stroke-width:1}
.ya-motion .light,.ya-motion .signal{fill:#c8ffff;stroke:none}
.ya-motion .signal{animation:ya-signal calc(3s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .face{stroke:#092631;stroke-width:4;fill:#71b7c2}
.ya-motion .reel-one{animation:ya-spin calc(7s * var(--tempo,1)) linear infinite}
.ya-motion .reel-two{animation:ya-spin calc(5s * var(--tempo,1)) linear infinite reverse}
.ya-motion .camera-rock{transform-origin:90px 125px;animation:ya-cameraRock calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .projection{fill:#71e7ef;stroke:none;animation:ya-projection calc(6s * var(--tempo,1)) ease-in-out infinite;transform-origin:145px 89px}
.ya-motion .play{fill:#b6edf0;stroke:none;animation:ya-signal calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .paper-back{transform-origin:85px 133px;animation:ya-backPaper calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .paper-front{transform-origin:78px 125px;animation:ya-frontPaper calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .page-fold{fill:#73b8c3;stroke:#214b58;stroke-width:1.5;transform-origin:107px 41px;animation:ya-fold calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .write{stroke-width:2.5;stroke-dasharray:100;stroke-dashoffset:0;animation:ya-write calc(6s * var(--tempo,1)) ease-in-out infinite;animation-delay:calc(var(--i) * .16s * var(--tempo,1))}
.ya-motion .news-glow{animation:ya-signal calc(6s * var(--tempo,1)) ease-in-out infinite;stroke:#7de7ee}
.ya-motion .mic-sway{transform-origin:90px 145px;animation:ya-micSway calc(4.6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .mesh{stroke:#82c8d2;stroke-width:1.2;opacity:.8}
.ya-motion .sound-left,.ya-motion .sound-right{stroke-width:2.7;transform-origin:90px 70px;animation:ya-sound calc(2.3s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .sound-right{animation-delay:calc(-1.15s * var(--tempo,1))}
.ya-motion .order-paper{transform-origin:69px 90px;animation:ya-orderPaper calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .speech{transform-origin:96px 141px;animation:ya-speech calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .order-check{stroke-width:4;stroke-dasharray:50;animation:ya-check calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .voice-level{fill:#a8f5f3;stroke:none;animation:ya-levels calc(1.3s * var(--tempo,1)) ease-in-out infinite;animation-delay:calc(var(--i) * -.21s * var(--tempo,1))}
.ya-motion .author-page{transform-origin:65px 135px;animation:ya-frontPaper calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .author-pen{transform-origin:72px 121px;animation:ya-pen calc(6s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .tragedy{transform-origin:120px 110px;animation:ya-tragedy calc(6.4s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .comedy{transform-origin:59px 139px;animation:ya-comedy calc(6.4s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .stage-rays{animation:ya-signal calc(3.2s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .film-poise{transform-origin:90px 80px;animation:ya-filmPoise calc(8s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .film-travel{animation:ya-filmTravel calc(3.2s * var(--tempo,1)) linear infinite;fill:#93cbd2;stroke:none}
.ya-motion .film-cell{fill:#08232e;stroke:#6ea5b2;stroke-width:1.5}
.ya-motion .film-window{fill:#0b2733e0;stroke:#b7f6f7;stroke-width:1.7}
.ya-motion .film-play{fill:#c5f8f6;stroke:none;filter:drop-shadow(0 0 6px #66dce3)}
.ya-motion .film-glimmer{fill:#b7ffff;stroke:none;animation:ya-glimmer calc(5s * var(--tempo,1)) ease-in-out infinite}
.ya-motion .identity-reel{animation:ya-spin calc(12s * var(--tempo,1)) linear infinite}
.ya-motion .reel-tail{stroke:#6fd6df;stroke-width:7;stroke-dasharray:8 5;animation:ya-tail calc(3s * var(--tempo,1)) linear infinite}
@keyframes ya-spin{to{transform:rotate(360deg)}}
@keyframes ya-signal{0%,100%{opacity:.35}45%,65%{opacity:1}}
@keyframes ya-cameraRock{0%,100%{transform:rotate(-4deg) translateY(2px)}45%,65%{transform:rotate(3deg) translateY(-5px)}}
@keyframes ya-projection{0%,100%{opacity:.04;transform:scaleY(.65)}38%,68%{opacity:.23;transform:scaleY(1)}}
@keyframes ya-frontPaper{0%,100%{transform:rotate(-5deg) translateY(2px)}40%,75%{transform:rotate(3deg) translateY(-4px)}}
@keyframes ya-backPaper{0%,100%{transform:rotate(7deg) translate(5px,-2px)}40%,75%{transform:rotate(13deg) translate(9px,-4px)}}
@keyframes ya-fold{0%,100%{transform:skewY(0)}40%{transform:skewY(-13deg)}}
@keyframes ya-write{0%,8%{stroke-dashoffset:95;opacity:.3}48%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:95;opacity:.3}}
@keyframes ya-micSway{0%,100%{transform:rotate(-5deg)}45%,65%{transform:rotate(5deg) translateY(-4px)}}
@keyframes ya-sound{0%,100%{opacity:.2;transform:scale(.86)}50%{opacity:.85;transform:scale(1.04)}}
@keyframes ya-orderPaper{0%,100%{transform:rotate(-7deg)}40%,70%{transform:rotate(1deg) translateY(-4px)}}
@keyframes ya-speech{0%,100%{transform:scale(.91) rotate(-5deg)}50%,75%{transform:scale(1.05) rotate(4deg)}}
@keyframes ya-check{0%,40%{stroke-dashoffset:50;opacity:.2}65%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:50;opacity:.2}}
@keyframes ya-levels{0%,100%{transform:scaleY(.35)}40%{transform:scaleY(1)}70%{transform:scaleY(.65)}}
@keyframes ya-pen{0%,100%{transform:translate(-10px,6px) rotate(-8deg)}22%{transform:translate(7px,-12px) rotate(6deg)}40%{transform:translate(-5px,0) rotate(-2deg)}62%{transform:translate(11px,-4px) rotate(7deg)}82%{transform:translate(3px,-14px) rotate(12deg)}}
@keyframes ya-tragedy{0%,100%{transform:rotate(7deg) translateY(-2px)}50%{transform:rotate(-5deg) translateY(5px)}}
@keyframes ya-comedy{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(6deg) translateY(-8px)}}
@keyframes ya-filmTravel{to{transform:translateX(-54px)}}
@keyframes ya-filmPoise{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(2deg)}}
@keyframes ya-glimmer{0%,12%{transform:translateX(-60px);opacity:0}25%{opacity:.16}65%{transform:translateX(170px);opacity:.08}75%,100%{transform:translateX(170px);opacity:0}}
@keyframes ya-tail{to{stroke-dashoffset:-52}}
@media(prefers-reduced-motion:reduce){.ya-motion,.ya-motion *{animation:none!important}
.ya-motion .projection{opacity:.12}
.ya-motion .film-glimmer{opacity:0}
.ya-motion .write,.ya-motion .order-check{stroke-dashoffset:0}
.ya-motion .page-fold{transform:none}
}

/* Keep the retained header geometry and title columns, replacing only their artwork. */
.site-shell .page-title-icon > svg.ya-motion{width:100%;height:100%;fill:none;stroke:#9ee9ed;stroke-width:2.3;animation:none;transform:none;filter:drop-shadow(0 9px 15px #36bccc38)}
.site-shell .topbar .brand-mark{display:block;overflow:visible;flex-shrink:0;filter:none}
.site-shell .topbar .brand-mark > svg.ya-motion{width:100%;height:100%;display:block}
.site-shell .footer-mark{display:block;overflow:visible}
.site-shell .footer-mark > svg.ya-motion{width:100%;height:100%;display:block}
.ya-motion.ya-paused,.ya-motion.ya-paused *{animation-play-state:paused!important}