/* Motion is an enhancement of Limiar's existing editorial composition. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-film{display:block;width:100%;height:auto;background:var(--green)}
.hero-line{display:block}
.hero-image{translate:var(--hero-x,0) var(--hero-y,0);transform-origin:60% 55%}
[data-motion-toggle]{display:none}
html[data-motion-supported=true] [data-motion-toggle]{display:inline-flex}
.motion-toggle{align-items:center;gap:10px;padding:12px 14px;border:1px solid #47635a;background:var(--green);color:var(--ivory);font:12px/1.4 var(--sans);letter-spacing:.01em;min-height:44px;cursor:pointer;border-radius:2px}
.motion-toggle svg{width:15px;height:15px}
.motion-toggle:hover{border-color:var(--light-sage)}
.motion-toggle:disabled{cursor:default;opacity:.8}
.hero-motion-control{position:absolute;right:var(--gutter);bottom:26px;z-index:3}
.menu-bottom .motion-toggle{flex-shrink:0}
html[data-motion=off] .motion-pause-icon{display:none}
html[data-motion=on] .motion-play-icon{display:none}
html[data-motion=off] .hero-image{translate:none!important}
html[data-motion=on] .choice-row>span:nth-child(2){transition:translate .5s var(--motion-ease)}
html[data-motion=on] .choice-row:hover>span:nth-child(2){translate:10px 0}
html[data-motion=on] .choice-row .round-arrow svg{transition:rotate .45s var(--motion-ease)}
html[data-motion=on] .choice-row:hover .round-arrow svg{rotate:45deg}
html[data-motion=on] .text-link svg,html[data-motion=on] .button svg{transition:translate .35s var(--motion-ease)}
html[data-motion=on] .text-link:hover svg,html[data-motion=on] .button:hover svg{translate:4px 0}
html[data-motion=on] .editorial-image img,html[data-motion=on] .feature-image img{transition:transform 1.15s var(--motion-ease)}
html[data-motion=on] .editorial-image:hover img,html[data-motion=on] .feature-image:hover img{transform:scale(1.055)}
html[data-motion=on] .author-portrait{transition:clip-path 1s var(--motion-ease)}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:12;pointer-events:none}
/* Page arrivals are handled by motion.js; navigation remains native and immediate. */
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
@media(max-width:767px){.hero-motion-control{bottom:18px;right:22px}.motion-toggle{font-size:11px;padding:11px 12px}.menu-bottom .motion-toggle{margin-top:22px}.hero-image{translate:none}}
@media(prefers-reduced-motion:reduce){.hero-image{translate:none!important}}
@media print{.motion-toggle,.reading-progress{display:none!important}}