/* KAPATRÊS / kinetic edition. All content is visible before enhancement. */
.site-motion{display:grid;place-items:center;flex-shrink:0;width:32px;height:36px;padding:0;border:0;background:transparent;color:#333;cursor:pointer;font-size:19px}
.site-motion[hidden]{display:none}.site-motion[aria-pressed="false"]{color:#777}
.site-motion span{display:block;transition:transform .35s}.site-motion:hover span{transform:rotate(90deg)}
.site-motion[aria-pressed="false"] span::after{content:"";position:absolute;width:22px;height:1px;background:currentColor;transform:translate(-21px,12px) rotate(-45deg)}
[data-motion-scene]{--scene-turn:0deg;--scene-lift:0px;--pointer-x:0deg;--pointer-y:0deg}
.motion-sculpture{width:100%;max-width:440px;aspect-ratio:1.25;position:relative;isolation:isolate;perspective:1000px;color:#d8d8c9;pointer-events:none;overflow:hidden}
.motion-sculpture::before{content:"";position:absolute;inset:8%;background:radial-gradient(ellipse,#c9c9a918,transparent 68%)}
.sculpture-depth{position:absolute;inset:23% 30%;transform-style:preserve-3d;transform:rotateX(var(--pointer-y)) rotateY(var(--pointer-x)) rotateZ(var(--scene-turn));transition:transform .22s ease-out}
.sculpture-stack{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(52deg) rotateZ(-32deg);animation:sculpture-drift 12s ease-in-out infinite;animation-play-state:paused}
.sculpture-plane{position:absolute;inset:0;border:1px solid #b7b7a8;box-shadow:0 14px 40px #0002;background:linear-gradient(135deg,#38382f,#0f0f0e 65%);backface-visibility:visible}
.sculpture-plane-back{transform:translateZ(-55px);background:repeating-linear-gradient(0deg,transparent 0 16px,#b8b8a429 17px 18px)}
.sculpture-plane-middle{transform:translateZ(0);background:repeating-linear-gradient(90deg,#151512 0 17px,#77776b 18px 19px);opacity:.7}
.sculpture-plane-front{display:grid;place-items:center;transform:translateZ(60px);background:#e8e8dd;border-color:#f7f7ed}
.sculpture-plane-front img{width:70%;height:auto;filter:brightness(0);object-fit:contain}
.sculpture-orbit{position:absolute;inset:12%;border:1px solid #8b8b7144;border-radius:50%;transform:rotate(-25deg) scaleY(.64)}
.sculpture-orbit-b{inset:3% 16%;transform:rotate(35deg) scaleX(.65)}
.sculpture-orbit i{display:block;position:absolute;inset:0;animation:kinetic-orbit 18s linear infinite;animation-play-state:paused}
.sculpture-orbit i::after{content:"";position:absolute;top:50%;left:-3px;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px #cacaa74d}
.sculpture-orbit-b i{animation-direction:reverse;animation-duration:24s}
.sculpture-signature{position:absolute;bottom:4%;left:0;right:0;text-align:center;font:500 9px ui-monospace,monospace;letter-spacing:.2em;color:#909080}
html[data-motion="on"] .motion-sculpture[data-motion-visible="true"] :is(.sculpture-stack,.sculpture-orbit i),html[data-motion="on"] .origin-canvas[data-motion-visible="true"] :is(.origin-art-float,.origin-orbits i,.origin-trace-runner){animation-play-state:running}

/* The creation occupies the stage; the layers become its identity and history. */
.origin{overflow:clip;background:radial-gradient(ellipse at 85% 10%,#26261c 0,transparent 32%),#080808}
.origin h1>span{color:#c5c5b8}
.origin-stage{--origin-poster-height:clamp(210px,calc(100svh - 530px),390px)}
.origin-canvas{min-height:calc(var(--origin-poster-height) + 78px);padding:42px 24px;isolation:isolate;overflow:clip}
.origin-art-depth{position:relative;width:min(65%,calc(var(--origin-poster-height)*.8));perspective:1000px;transform:translateY(var(--scene-lift)) rotateY(var(--pointer-x)) rotateX(var(--pointer-y)) rotateZ(var(--scene-turn));transition:transform .22s ease-out;z-index:2}
.origin-art-float{position:relative;transform-style:preserve-3d;animation:origin-float 9s ease-in-out infinite;animation-play-state:paused}
.origin-art-frame{width:100%;transform:rotateY(-13deg) rotateX(8deg) rotateZ(-9deg);transform-origin:50% 50%;box-shadow:22px 35px 55px #0009;transition:transform 1.1s cubic-bezier(.16,1,.3,1),box-shadow 1.1s}
.origin-sheet{position:absolute;inset:0;border:1px solid #9c9c7d80;background:repeating-linear-gradient(0deg,#161611ee 0 19px,#58584488 20px 21px);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s;transform-origin:center}
.origin-sheet span{position:absolute;bottom:12px;left:12px;font:9px ui-monospace,monospace;letter-spacing:.12em;color:#c4c4a2}
.origin-sheet-back{transform:translate(-28px,18px) rotate(-17deg);opacity:.55}
.origin-sheet-middle{transform:translate(25px,-9px) rotate(9deg);opacity:.8;background:linear-gradient(145deg,#3a3a2e,#10100d)}
.origin[data-step="1"] .origin-art-frame{transform:translate(-14px,-16px) rotateY(24deg) rotateZ(-4deg) scale(.9)}
.origin[data-step="1"] .origin-sheet-back{transform:translate(48px,22px) rotate(15deg) scale(.94);opacity:.8}
.origin[data-step="1"] .origin-sheet-middle{transform:translate(18px,6px) rotate(5deg)}
.origin[data-step="2"] .origin-art-frame{transform:translate(24px,-9px) rotateY(-18deg) rotateZ(7deg) scale(.89)}
.origin[data-step="2"] .origin-sheet-back{transform:translate(-45px,23px) rotate(-14deg)}
.origin[data-step="2"] .origin-sheet-middle{transform:translate(-12px,8px) rotate(-5deg)}
.origin[data-step="3"] .origin-art-frame{transform:translateY(-6px) rotate(0) scale(.88);box-shadow:0 0 0 12px #080808,0 0 0 13px #c5c5a1,0 25px 60px #0009}
.origin[data-step="3"] :is(.origin-sheet-back,.origin-sheet-middle){transform:translate(0,0) rotate(0) scale(.88);opacity:.15}
.origin-grid{position:absolute;inset:12% -12%;background:linear-gradient(#77775616 1px,transparent 1px),linear-gradient(90deg,#77775616 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(62deg) rotateZ(-20deg);opacity:.6;pointer-events:none}
.origin-orbits{position:absolute;inset:7%;transform:rotate(-28deg);pointer-events:none}
.origin-orbits i{position:absolute;inset:0;border:1px solid #a5a57c3d;border-radius:50%;animation:kinetic-orbit 22s linear infinite;animation-play-state:paused}
.origin-orbits i::before{content:"";position:absolute;left:15%;top:14%;width:7px;height:7px;background:#e7e7c3;border-radius:50%}
.origin-orbits i:nth-child(2){inset:10% -6%;animation-duration:30s;animation-direction:reverse;border-color:#a5a57c26}
.origin-orbits i:nth-child(3){inset:-5% 20%;animation-duration:26s;border-style:dashed;border-color:#a5a57c26}
.origin-orbits i:nth-child(3)::before{width:4px;height:4px}
.origin-trace{position:absolute;inset:0;width:100%;height:100%;color:#c2c294;pointer-events:none;opacity:0;transition:opacity .7s;z-index:3}
.origin-trace-route{stroke:currentColor;stroke-width:1;opacity:.4}
.origin-trace-runner{stroke:#eeeed8;stroke-width:2;stroke-dasharray:.06 .94;animation:kinetic-trace 7s linear infinite;animation-play-state:paused}
.origin-trace circle{fill:#dfdfbc;stroke:#080808;stroke-width:4}
.origin:not([data-step="0"]) .origin-trace{opacity:1}
.origin-coordinate,.origin-edition{z-index:4}
.origin-stage-top{position:relative;z-index:4}
.origin .hero-actions .button-light{box-shadow:0 0 32px #dedeaa12}

/* A related sculpture introduces each destination, keeping controls still. */
.lab-intro{position:relative;padding-right:28%}
.lab-intro>.motion-sculpture{position:absolute;right:0;top:32px;width:28%;color:#656547}
.lab-intro .sculpture-orbit{border-color:#5a5a3933}
.lab-art{position:relative;isolation:isolate;overflow:hidden}
.lab-art::before{content:"";position:absolute;inset:15% 18%;border:1px solid #93936b88;transform:rotate(-15deg);animation:lab-frame 10s ease-in-out infinite;animation-play-state:paused;z-index:-1}
.lab-art::after{content:"";position:absolute;inset:3% 25%;border:1px solid #93936b44;transform:rotate(12deg);z-index:-1}
.lab-art img{position:relative;z-index:1}
.lab-page[data-lab-stage="provenance"] .lab-art img{transform:rotateY(-16deg) rotateZ(5deg) scale(.91)}
.lab-page[data-lab-stage="commerce"] .lab-art img{transform:rotate(0) scale(.87);box-shadow:0 0 0 8px #0d0d0c,0 0 0 9px #a9a98c,12px 20px 35px #0009}
.community-kinetic-mark{display:grid;place-items:center;animation:none!important}
.community-kinetic-mark .motion-sculpture{max-width:500px;aspect-ratio:1}
.auth-intro>.motion-sculpture{max-width:270px;margin:22px 0 -20px;aspect-ratio:1.5}
.wp-toolbar>.motion-sculpture{flex:0 0 190px;max-width:190px;align-self:center;order:1}
.wp-toolbar>.wpactions{order:2}
.play-intro{position:relative;max-width:none;padding-right:32%}
.play-intro>.motion-sculpture{position:absolute;right:0;top:10px;width:30%;max-width:350px}
.chain-stage{isolation:isolate;overflow:hidden;perspective:900px}
.chain-stage::after{content:"";position:absolute;inset:15% 12%;border:1px solid #c7c79d29;transform:rotateX(55deg) rotateZ(-25deg);animation:network-lattice 16s ease-in-out infinite;animation-play-state:paused;pointer-events:none;z-index:-1}
.chain-stream{perspective:900px}
.chain-block{box-shadow:8px 15px 0 #0003;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .2s}
.chain-block:hover{transform:translateY(-12px) rotateY(-8deg);box-shadow:14px 22px 0 #0004}
.play-wallet{position:relative;isolation:isolate;overflow:hidden;transition:background .6s,border-color .6s,box-shadow .6s}
.play-wallet::before{content:"";position:absolute;right:-16px;top:22px;width:95px;height:95px;border:1px solid #c6c69630;transform:rotate(35deg);pointer-events:none;z-index:-1;transition:transform .7s}
.play-workspace[data-direction="a_to_b"] [data-wallet="a"]::before,.play-workspace[data-direction="b_to_a"] [data-wallet="b"]::before{transform:rotate(-25deg) scale(1.3)}
.play-wallet .wallet-heading b{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.play-workspace[data-direction="a_to_b"] [data-wallet="a"] .wallet-heading b,.play-workspace[data-direction="b_to_a"] [data-wallet="b"] .wallet-heading b{transform:rotate(-8deg)}
.play-workspace[data-phase="confirmed"] .play-wallet{box-shadow:inset 0 2px #d5d5b0}
.eco-map-canvas{perspective:1000px}
.eco-map-core{box-shadow:22px 30px 55px #0005}
.flow-step,.timeline-item{position:relative}
.flow-step::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .6s}
.flow-step:hover::after{transform:scaleX(1)}
.pillar-no{display:inline-block;transform-origin:left bottom;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.pillar:hover .pillar-no{transform:rotate(-8deg) translateY(-6px)}
.category-card .category-index{transition:transform .45s}.category-card:hover .category-index{transform:translateX(5px) rotate(-8deg)}

@keyframes kinetic-orbit{to{transform:rotate(360deg)}}
@keyframes kinetic-trace{to{stroke-dashoffset:-1}}
@keyframes sculpture-drift{0%,100%{transform:rotateX(52deg) rotateY(-8deg) rotateZ(-32deg)}50%{transform:rotateX(35deg) rotateY(18deg) rotateZ(-18deg) translateY(-10px)}}
@keyframes origin-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes lab-frame{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(18deg) scale(1.08)}}
@keyframes network-lattice{0%,100%{transform:rotateX(55deg) rotateZ(-25deg) scale(1)}50%{transform:rotateX(35deg) rotateZ(10deg) scale(1.3)}}

@media(max-width:980px){
 .origin-intro,.origin-stage{display:contents}
 .origin-intro>.eyebrow{order:0;margin:32px 0 20px}
 .origin h1{order:1;width:100%;font-size:clamp(3.25rem,10.7vw,5.8rem)}
 .origin-stage-top{display:none}
 .origin-canvas{order:2;width:100%;max-width:600px;align-self:center;--origin-poster-height:clamp(185px,48vw,310px);min-height:calc(var(--origin-poster-height) + 60px);padding-block:30px;margin:8px 0 4px}
 .origin-art-depth{width:calc(var(--origin-poster-height)*.8)}
 .origin-lead{order:3;margin:8px 0 20px;max-width:640px;font-size:.98rem;line-height:1.65}
 .origin .hero-actions{order:4;width:100%;flex-direction:row;flex-wrap:wrap;margin:0}
 .origin .hero-actions .button{flex:1;white-space:normal;text-align:left;min-width:130px;font-size:.61rem}
 .origin-paper{order:5;margin-top:20px}
 .origin-disclaimer{order:6;margin-top:20px;max-width:600px}
 .origin-scroll{order:7;margin-block:22px 30px}
 .origin-evidence{order:9;width:100%;max-width:600px;align-self:center}
 .origin-controls{order:8;width:100%;max-width:600px;align-self:center}
 .origin-caption{order:10;width:100%;max-width:600px;align-self:center}
 .origin-stage-note{order:11;width:100%;max-width:600px;align-self:center;margin-bottom:38px}
 .origin-chapter{order:12}
 .lab-intro{padding-right:0}.lab-intro>.motion-sculpture{position:relative;width:190px;margin:-10px auto 0;top:auto;aspect-ratio:1.6}
 .wp-toolbar>.motion-sculpture{display:none}
 .play-intro{padding-right:0}.play-intro>.motion-sculpture{position:relative;top:auto;right:auto;width:230px;margin:0 auto -15px;aspect-ratio:1.7}
}
@media(max-width:760px){
 .community-hero{padding-top:36px;padding-bottom:15px}
 .community-kinetic-mark{display:grid;height:210px;margin-top:8px}
 .community-kinetic-mark .motion-sculpture{max-width:280px;aspect-ratio:1.4}
 .auth-intro{position:relative}.auth-intro>.motion-sculpture{max-width:150px;aspect-ratio:1.9;margin:4px 0 -6px}
 .sculpture-plane-front{transform:translateZ(40px)}.sculpture-plane-back{transform:translateZ(-40px)}
 .site-tools{gap:12px}.site-motion{width:40px;height:44px}
}
/* Motion is opt-in for rendering: JS enables it only in visible scenes. */
html:not([data-motion="on"]) [data-motion-scene] *,html:not([data-motion="on"]) [data-motion-scene]::after,html:not([data-motion="on"]) [data-motion-scene]::before{animation-play-state:paused!important}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .origin-art-depth,.sculpture-depth{transform:none!important}
}

html[data-motion="on"] .lab-art[data-motion-visible="true"]::before,html[data-motion="on"] .chain-stage[data-motion-visible="true"]::after{animation-play-state:running}
.live-dot{animation:none}

.eco-map-canvas::before{content:"";position:absolute;inset:13% 20%;border:1px dashed #9a9a6c4d;border-radius:50%;pointer-events:none;transform:rotate(-18deg) scaleX(.8);animation:map-orbit 24s linear infinite;animation-play-state:paused}
html[data-motion="on"] .eco-map-canvas[data-motion-visible="true"]::before{animation-play-state:running}
@keyframes map-orbit{to{transform:rotate(342deg) scaleX(.8)}}
@media(max-width:980px){.wp-toolbar>.motion-sculpture{display:block;position:absolute;right:12px;top:8px;width:108px;max-width:108px;aspect-ratio:1.2}.wp-toolbar{position:relative}.wp-toolbar>div:first-child{padding-right:96px}}

.network-brand-art{height:135px;position:relative;margin:4px 0 -14px}
.network-brand-art .motion-sculpture{width:220px;max-width:100%;aspect-ratio:1.6;margin:auto}
.network-brand-art .sculpture-signature{display:none}
.button>span,.network-button>span,.primary-button>span{transition:transform .3s ease}
.button:hover>span,.network-button:hover>span,.primary-button:hover>span{transform:translate(3px,-2px)}
@media(max-width:560px){.network-brand-art{height:115px}.network-brand-art .motion-sculpture{width:190px}}

.origin .origin-evidence{padding:0;margin-top:10px}
.origin-evidence-toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:12px 16px;cursor:pointer;list-style:none;font:500 .6rem/1.5 ui-monospace,monospace;color:#c9c9b7}
.origin-evidence-toggle::-webkit-details-marker{display:none}
.origin-evidence-toggle>span:last-child{font-size:1rem;transition:transform .3s}
.origin-evidence[open] .origin-evidence-toggle{border-bottom:1px solid #35352e}
.origin-evidence[open] .origin-evidence-toggle>span:last-child{transform:rotate(45deg)}
.origin-evidence-body{padding:14px 16px;max-height:240px;overflow:auto}
.origin-evidence-toggle:focus-visible{outline:2px solid #eee;outline-offset:4px}