/* Canvas is an isolated background. Every heading, label and control stays DOM. */
.zz-motion-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.zz-motion-active .wp-site-blocks{position:relative;z-index:1}
.zz-motion-active .zz-hero-art{position:relative;min-height:340px;isolation:isolate}
.zz-motion-active .zz-hero-art figure{opacity:0;pointer-events:none}
.zz-motion-core-control{position:absolute;inset:8% 0 7%;width:100%;border:0;background:transparent;color:#476b5a;cursor:grab;touch-action:pan-y;font:inherit;border-radius:50%;-webkit-tap-highlight-color:transparent}
.zz-motion-core-control:active{cursor:grabbing}
.zz-motion-core-control span{position:absolute;bottom:-13px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.14em;pointer-events:none}
.zz-motion-core-control:focus-visible{outline:2px solid #578770;outline-offset:8px}
.zz-motion-active .zz-category-card{background:rgba(239,239,231,.65);transition:border-color .2s ease;transform-style:preserve-3d}
.zz-motion-active .zz-category-card.zz-card-research{background:rgba(237,241,235,.65)}
.zz-motion-active .zz-category-card.zz-card-notes{background:rgba(241,237,229,.65)}
.zz-motion-active .zz-category-card:hover{transform:none}
.zz-motion-active .zz-post-list>li{position:relative;transform-style:preserve-3d}
.zz-motion-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd5ca;border-radius:20px;padding:6px 11px;background:#f7f6f2;color:#506d5b;font-size:11px;cursor:pointer}
.zz-motion-toggle:before{content:'';width:5px;height:5px;border-radius:50%;background:#8d958b}
.zz-motion-toggle[aria-pressed=true]:before{background:#467e61;box-shadow:0 0 0 3px #467e6115}
.zz-motion-toggle:disabled{cursor:default}
@media(max-width:781px){
 .zz-motion-active .zz-hero-art{display:flex!important;flex-basis:100%!important;width:100%;min-height:265px;margin-top:16px}
 .zz-motion-active .zz-hero-art figure{max-width:240px;margin:auto}
 .zz-motion-core-control{inset:3% 12% 8%;width:76%}
 .zz-motion-core-control span{font-size:10px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .zz-motion-canvas,.zz-motion-core-control{display:none!important}
 .zz-motion-active .zz-hero-art figure{opacity:1}
 .zz-motion-active .zz-category-card,.zz-motion-active .zz-post-list>li{transform:none!important}
}