/* Objects explain the adjacent story; motion stays local and low-amplitude. */
.depth-study{--px:0;--py:0;position:relative;isolation:isolate;perspective:900px}
.depth-study *{box-sizing:border-box}
.experience .research-flow .research-object{height:auto;min-height:230px}
.experience .research-flow .artifact-space{flex:none!important;min-height:155px}
.experience .research-flow .artifact-number,.experience .research-flow .artifact-name{flex:none}
.focus-study{height:270px;margin:32px 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#dfd3bc75,transparent 67%);border-bottom:1px solid #d9d3c7}
.focus-grid{position:absolute;inset:22px 16% 38px;transform-style:preserve-3d;transform:rotateX(52deg) rotateZ(-22deg);transition:transform 1s}
.focus-grid>i{position:absolute;left:calc(var(--col)*21%);top:calc(var(--row)*21%);width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#fffdf6,#d7d0c3);border:1px solid #fffc;box-shadow:4px 6px 0 #c7beb04f,10px 18px 22px #51442e16;transform:translateZ(0)}
.focus-grid>i:nth-child(13){background:linear-gradient(135deg,#e8c995,#a7814e);box-shadow:3px 5px 0 #97754e,0 0 35px #d1aa6566;transform:translateZ(30px);width:27px;height:27px}
.focus-lens{position:absolute;width:145px;height:145px;top:40px;left:calc(50% - 72px);border-radius:50%;border:8px solid #d7c7a9;box-shadow:inset 2px 3px 0 #fffa,inset -2px -3px 0 #85775d,0 2px 0 2px #baa784,15px 30px 28px #65583f23;transform:translate3d(calc(var(--px)*24px),calc(var(--py)*15px),40px) rotateX(22deg) rotateY(-14deg);background:linear-gradient(125deg,#fffff555,#ffffff05 50%,#dec9a537);backdrop-filter:blur(.6px);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.focus-lens:after{content:'';position:absolute;width:10px;height:57px;background:linear-gradient(90deg,#877860,#e6d5b3,#978463);top:118px;left:114px;transform:rotate(-38deg);border-radius:4px;box-shadow:8px 10px 12px #3027191a}
.focus-lens span{position:absolute;inset:8px;border-radius:50%;border:1px solid #fff9;background:linear-gradient(125deg,#fff9,transparent 35%)}
.study-index,.study-caption{position:absolute;bottom:14px;font-size:8px;letter-spacing:.12em;color:#6b665b}.study-index{left:0}.study-caption{right:0;letter-spacing:0;font-size:10px}
.context-object{height:230px;margin:-12px 0 22px;overflow:hidden;background:radial-gradient(ellipse at center,#c7b17d13,transparent 65%)}
.context-orbit{position:absolute;width:210px;height:190px;left:calc(50% - 105px);top:8px;transform-style:preserve-3d;transform:rotateX(calc(var(--py)*-12deg)) rotateY(calc(var(--px)*16deg));transition:transform 1s}
.context-ring{position:absolute;inset:9px;border-radius:50%;border:1px solid #c8b8909c;box-shadow:0 1px 1px #fff3;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.16,1,.3,1),border-color 1s}
.ring-one{transform:rotateX(65deg) rotateY(-20deg)}.ring-two{transform:rotateY(65deg) rotateX(-15deg)}.ring-three{transform:rotateX(-40deg) rotateY(35deg);border-color:#d6e0ce55}
.context-center{position:absolute;width:68px;height:68px;left:71px;top:61px;border-radius:50%;background:radial-gradient(circle at 30% 23%,#fff0cc,#c0a474 43%,#68593f 78%,#d2b786);box-shadow:inset -6px -7px 14px #12191877,0 17px 34px #0004;transition:transform 1.4s,border-radius 1.4s}
.context-satellite{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f2f4df,#778c7d 70%);box-shadow:0 4px 9px #0003;transition:transform 1.4s}
.sat-one{left:20px;top:52px}.sat-two{right:17px;top:106px}.sat-three{left:91px;top:170px}
.context-object-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.22em;color:#d0c3a8}
[data-context="1"] .ring-one{transform:rotateX(5deg) rotateY(0)}[data-context="1"] .ring-two{transform:rotateX(5deg) scale(.75)}[data-context="1"] .ring-three{transform:rotateX(5deg) scale(.5)}[data-context="1"] .context-center{transform:scale(.58)}
[data-context="2"] .ring-one{transform:rotateX(35deg) rotateY(65deg)}[data-context="2"] .ring-two{transform:rotateX(-50deg) rotateY(30deg)}[data-context="2"] .ring-three{transform:rotateX(65deg) rotateY(-30deg)}[data-context="2"] .sat-one{transform:translate(20px,80px)}[data-context="2"] .sat-two{transform:translate(-15px,-75px)}
[data-context="3"] .ring-one{transform:rotateY(60deg) translateZ(-30px)}[data-context="3"] .ring-two{transform:rotateY(60deg) translateZ(10px)}[data-context="3"] .ring-three{transform:rotateY(60deg) translateZ(50px)}[data-context="3"] .context-center{transform:translateX(24px) scale(.8);border-radius:22%}
.experience .research-flow{align-items:center;gap:12px;margin-bottom:52px}
.experience .research-flow>.research-object{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;position:relative;padding:18px 12px 25px;background:linear-gradient(155deg,#ffffffa6,#e9e6dd6b);border:1px solid #fff;border-radius:14px;box-shadow:0 16px 28px -22px #60523e66;transition:box-shadow .6s}
.experience .research-flow .artifact-space{display:block;position:relative;height:155px;width:100%;padding:0;border:0;background:none;perspective:650px}
.experience .research-flow .artifact-number{padding:0;margin:7px 0;font-size:8px;letter-spacing:.12em;color:#8a7e66;background:none;border:0}
.experience .research-flow .artifact-name{padding:0;font-size:13px;background:none;border:0;color:#343b3b}
.artifact-space>div{position:absolute;left:50%;top:50%;transform-style:preserve-3d;translate:-50% -50%;transform:rotateX(calc(var(--py)*-14deg)) rotateY(calc(var(--px)*22deg));transition:transform 1s}
.question-pearl{width:87px;height:87px;border-radius:50%;background:radial-gradient(circle at 27% 20%,#fffdf3,#dfcfaf 42%,#8d816d 82%,#eadbc1);box-shadow:14px 26px 25px -12px #66563c55;display:flex;align-items:center;justify-content:center;gap:7px}
.question-pearl i{width:7px;height:7px;background:#6c624d;border-radius:50%;box-shadow:inset 0 1px 2px #2b281d88,0 1px #fff9}
.experiment-rings{width:105px;height:105px}.experiment-rings i{position:absolute;inset:0;border:9px solid #bfab84;border-radius:50%;box-shadow:inset 2px 2px 2px #fff8,2px 2px 2px #685b4044;transform:rotateY(56deg) rotateX(25deg)}.experiment-rings i:nth-child(2){transform:rotateY(-56deg) rotateX(25deg);border-color:#899387}.experiment-rings i:nth-child(3){transform:rotateX(68deg);border-color:#d4c5a8}
.system-cubes{width:98px;height:98px;rotate:-25deg}.system-cubes i{position:absolute;width:42px;height:42px;border-radius:7px;background:linear-gradient(135deg,#eef1e5,#859380);box-shadow:4px 5px 0 #66735f,8px 15px 14px #3c453b23;transform:rotateX(25deg)}.system-cubes i:nth-child(2){right:0;background:linear-gradient(135deg,#f4e7c9,#b39a71);box-shadow:4px 5px 0 #978663}.system-cubes i:nth-child(3){bottom:0}.system-cubes i:nth-child(4){bottom:0;right:0;background:linear-gradient(135deg,#677575,#354345);box-shadow:4px 5px 0 #283537}
.product-crystal{width:88px;height:98px;border-radius:18px;background:linear-gradient(130deg,#fffbee,#cfb78d 45%,#938067);box-shadow:6px 7px 0 #998466,20px 26px 28px -12px #6b563e66;rotate:-12deg}.product-crystal:before{content:'';position:absolute;inset:8px;border:1px solid #fff8;border-radius:12px}.product-crystal i{position:absolute;width:38px;height:38px;inset:30px 25px;border:7px solid #f9f4e5;border-radius:50%;box-shadow:3px 4px 6px #6b583044}.product-crystal span{display:none!important}
.bloom-growth{position:absolute;right:14px;top:85px;width:90px;height:90px;pointer-events:none;z-index:2}.bloom-flower{position:absolute;inset:12px;transform-style:preserve-3d;transform:rotateX(25deg) rotateZ(-18deg);transition:transform 1.5s}
.bloom-flower>i{position:absolute;width:28px;height:46px;left:20px;top:-1px;transform-origin:50% 80%;transform:rotate(calc(var(--petal)*72deg)) rotateX(22deg);border-radius:60% 60% 45% 45%;background:linear-gradient(125deg,#e4ebcb,#9aa879 65%,#6a7e52);border:1px solid #dde6c48c;box-shadow:2px 5px 8px #39482b22;transition:transform 1.5s}
.bloom-flower>span{position:absolute;width:17px;height:17px;border-radius:50%;top:27px;left:25px;transform:translateZ(10px);background:radial-gradient(at 30% 25%,#ffe4a4,#c49c54);box-shadow:0 2px 5px #53633c44}
[data-intention="habits"] .bloom-flower{transform:rotateX(12deg) rotateZ(28deg) scale(1.1)}[data-intention="reset"] .bloom-flower>i{transform:rotate(calc(var(--petal)*72deg)) rotateX(58deg)}
.depth-study.in-view .artifact-space>div{animation:artifact-breathe 7s ease-in-out infinite;animation-delay:calc(var(--step)*-.9s)}
.depth-study.in-view .context-orbit{animation:context-breathe 9s ease-in-out infinite}
@keyframes artifact-breathe{0%,100%{translate:-50% -50%}50%{translate:-50% calc(-50% - 7px)}}
@keyframes context-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
.depth-paused .depth-study *,.motion-paused .depth-study *{animation-play-state:paused!important;transition:none!important}
.system-cubes i:nth-child(1){left:0;top:0}.system-cubes i:nth-child(2){right:0;top:0}.system-cubes i:nth-child(3){left:0;bottom:0}.system-cubes i:nth-child(4){right:0;bottom:0}
.experience .research-flow{background:transparent;border:0;overflow:visible}
.experience .research-flow .artifact-space:hover,.experience .research-flow .artifact-number:hover,.experience .research-flow .artifact-name:hover{background:none}
@media(max-width:900px){.experience .research-flow{gap:7px}.experience .research-flow .artifact-space{height:125px}.bloom-growth{right:0;top:72px;scale:.8}}
@media(max-width:600px){.focus-study{height:235px;margin:20px 0 32px}.focus-grid{inset:15px 22% 40px}.focus-lens{top:24px;width:130px;height:130px;left:calc(50% - 65px)}.focus-lens:after{top:101px;left:100px;height:49px}.study-index{font-size:7px}.study-caption{font-size:8px}.context-object{height:205px}.context-orbit{scale:.86;top:-7px}.experience .research-flow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.experience .research-flow>i{display:none}.experience .research-flow>.research-object{padding:10px 12px 20px}.experience .research-flow .artifact-space{height:135px}.bloom-growth{top:67px;right:0;scale:.7}}
@media(prefers-reduced-motion:reduce){.depth-study *{animation:none!important;transition:none!important}}