.art-motion{width:100%;height:100%;pointer-events:none}.art-motion>svg{height:100%;width:100%;display:block}.art-note{z-index:1}.process-motion{float:right;width:225px;margin:0 0 12px 25px;color:var(--gold);pointer-events:none}.process-motion svg{max-height:145px}.flow-grid{clear:both}.alma-roll{padding:1px 0}.btn:focus-visible{outline:3px solid #96723b;outline-offset:4px}
@media(max-width:600px){.process-motion{width:105px;margin:0 0 8px 12px}.process-motion svg{max-height:80px}}
@media(prefers-reduced-motion:reduce){.art-motion>svg{transform:none!important}.process-motion *{animation:none!important;transition:none!important}}
@media print{.process-motion{display:none}.art-motion>svg{transform:none!important}}

.motion-controls{position:fixed;bottom:18px;right:18px;z-index:80;background:#faf8f0;border:1px solid #b6b9a9;padding:9px 12px;box-shadow:0 4px 22px #183c2920;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px)}
.motion-controls .btn{background:#244d40;color:white;white-space:nowrap;padding:11px 14px}
.motion-controls span{font-size:12px;max-width:180px;color:#344b40}
@media(max-width:600px){.motion-controls{bottom:10px;right:10px}.motion-controls span{display:none}}
@media print{.motion-controls{display:none}}

.motion-word{display:inline-block}
[data-alma-line]{background-image:linear-gradient(90deg,var(--gold),var(--green));background-position:left bottom;background-size:100% 1px;background-repeat:no-repeat}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:linear-gradient(90deg,var(--gold),var(--green));transform-origin:left;pointer-events:none}
.clear-card{transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease!important}
.clear-card .card-index{transition:transform .5s ease,color .5s ease}
.clear-card b{display:inline-block;transition:transform .5s ease}
.clear-services button{transition:transform .4s ease,background .4s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.clear-card:hover{transform:translateY(-8px);box-shadow:0 14px 30px #254d4014;border-color:var(--gold)}
.clear-card:hover .card-index{transform:translateX(5px);color:var(--green)}
.clear-card:hover b{transform:translateX(7px)}
.clear-services button:hover{transform:translateY(-4px);background:#e9edde}
header a:not(.brand){background-image:linear-gradient(var(--gold),var(--gold));background-position:left bottom;background-size:0 1px;background-repeat:no-repeat;transition:background-size .4s ease}
header a:hover{background-size:100% 1px}
}
@media(prefers-reduced-motion:reduce){.clear-card,.clear-card *,.clear-services button{transition:none!important}.reading-progress{display:none}}
@media print{.reading-progress{display:none}}