.project-explorer{--px-paper:#f1ede6;--px-ink:#332d38;--px-muted:#685f6c;--px-lilac:#b09ac1;--px-bronze:#94765e;--px-turn:-10deg;--px-lift:0px;color:var(--px-ink);background:var(--px-paper);isolation:isolate;border:1px solid #d4ccc7;border-radius:3px;min-width:0;margin-block:clamp(28px,5vw,72px);padding:clamp(28px,4.5vw,64px);scroll-margin-top:105px}.project-explorer[data-step="1"]{--px-turn:0deg;--px-lift:-8px}.project-explorer[data-step="2"]{--px-turn:9deg;--px-lift:-2px}.px-heading{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:36px;margin-bottom:34px;display:grid}.px-kicker,.px-panel-note{color:var(--px-muted);font:10px/1.6 var(--font-mono), monospace;letter-spacing:.055em;margin:0 0 18px}.px-heading h2{letter-spacing:-.05em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(34px,4.1vw,60px);font-weight:540;line-height:1.04}.px-heading>p{max-width:34ch;color:var(--px-muted);margin:0;font-size:16px;line-height:1.65}.px-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.8vw,36px);margin-bottom:28px;display:grid}.px-tabs button{border:0;color:#746875;min-width:0;min-height:56px;font:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:#bba7c83b;background:0 0;border-block:1px solid #cfc5cb;border-radius:0;align-items:center;gap:12px;padding:12px 0;font-size:15px;font-weight:550;display:flex;position:relative}.px-tabs button>span{font:10px/1 var(--font-mono), monospace;color:#776b7a}.px-tabs button>i{opacity:0;margin-left:auto;font-size:18px;font-style:normal;transition:opacity .18s,transform .24s;transform:translate(-4px,4px)}.px-tabs button:after{content:"";background:var(--px-ink);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.px-tabs button[aria-selected=true]{color:var(--px-ink)}.px-tabs button[aria-selected=true]:after{transform:scaleX(1)}.px-tabs button[aria-selected=true]>i{opacity:1;transform:none}.px-tabs button:focus-visible{outline-offset:5px;outline:2px solid #6c507e}.px-proof-link:focus-visible{outline-offset:5px;outline:2px solid #6c507e}.px-panel:focus-visible{outline-offset:5px;outline:2px solid #6c507e}.px-content{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);align-items:center;gap:clamp(30px,5vw,74px);display:grid}.px-study{min-width:0;margin:0}.px-scene{isolation:isolate;perspective:900px;background:radial-gradient(at 45% 30%,#f9f5f0,#e4dce3 72%);border-radius:2px;height:clamp(300px,30vw,414px);position:relative;overflow:hidden}.px-scene-rule{background:#ab98ae48;height:1px;position:absolute;bottom:17%;left:7%;right:7%}.px-scene-rule:before,.px-scene-rule:after{content:"";background:#a48fa8;width:1px;height:6px;position:absolute;top:-3px}.px-scene-rule:after{right:0}.px-scene-object{transform-style:preserve-3d;transform:translateY(calc(var(--px-lift) + (var(--section-progress,.5) - .5) * -18px)) rotateY(var(--px-turn));transition:transform .7s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.px-scene-shadow{z-index:-1;filter:blur(13px);background:#62516f3d;border-radius:50%;height:22px;position:absolute;bottom:14%;left:16%;right:16%}.px-scene-index{color:#6c5f70;font:9px/1.5 var(--font-mono), monospace;letter-spacing:.08em;position:absolute;bottom:16px;left:18px}.px-study figcaption{color:var(--px-muted);font:11px/1.6 var(--font-mono), monospace;max-width:60ch;margin-top:13px}.px-panels{min-width:0}.px-panel{min-height:286px}.px-panel[hidden]{display:none}.px-panel-note{margin-bottom:24px;font-size:10px}.px-panel h3{letter-spacing:-.035em;text-wrap:balance;max-width:15ch;margin:0 0 18px;font-size:clamp(28px,2.8vw,40px);font-weight:520;line-height:1.12}.px-panel>p:not(.px-panel-note){color:#655c69;max-width:40ch;margin:0;font-size:15px;line-height:1.75}.px-proof-link{min-height:48px;color:var(--px-ink);border-bottom:1px solid #b3a4b4;align-items:center;gap:20px;margin-top:22px;font-size:13px;font-weight:550;line-height:1.5;display:inline-flex}.px-proof-link>span{flex-shrink:0;font-size:20px;transition:transform .2s}@media (hover:hover){.px-tabs button:hover{color:var(--px-ink)}.px-proof-link:hover>span{transform:translate(3px,-3px)}}.px-instrument{width:258px;height:258px;transform-style:preserve-3d;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotateX(16deg)rotate(-12deg)}.px-optic{width:204px;height:204px;transform-style:preserve-3d;border-radius:50%;transition:transform .8s cubic-bezier(.2,.75,.2,1);position:absolute;top:25px;left:27px}.px-optic-back{background:linear-gradient(135deg,#c9bdc7,#605269 38%,#d1bccd 53%,#4b4154);transform:translate3d(-30px,9px,-38px)rotateY(-18deg);box-shadow:inset 0 0 0 2px #d7c9db,inset 0 0 0 19px #b4a5b9,10px 18px 28px #4d3e633d}.px-optic-mid{background:#c1a6b83b;border:17px solid #9a7e68;width:190px;height:190px;top:32px;left:34px;transform:translate3d(5px,-4px,16px)rotateY(-16deg);box-shadow:inset 2px 3px 6px #f9ddbd,2px 4px #665349,8px 14px 24px #53435c38}.px-optic-front{background:radial-gradient(circle at 36% 26%,#f5e9f4 0%,#b5a0c9 22%,#625477 56%,#392e48 77%);border:2px solid #e8d8ee;width:154px;height:154px;top:50px;left:52px;transform:translate3d(37px,-12px,60px)rotateY(-16deg);box-shadow:inset -8px -10px 15px #332c4c,4px 9px #685871,9px 14px 21px #493d5d3b}.px-optic-front>span{background:radial-gradient(circle at 40% 25%,#9d90b9,#322d41 65%);border:1px solid #e9d9f3a6;border-radius:50%;position:absolute;inset:28%;box-shadow:0 0 0 13px #dfcde021}.px-optic-front>i{filter:blur(4px);background:#fff5ee8c;border-radius:50%;width:31%;height:13%;position:absolute;top:15%;left:20%;transform:rotate(-32deg)}.px-instrument-axis{border-top:1px dashed #69536e6b;width:116%;position:absolute;top:49%;left:-8%;transform:translateZ(-50px)}.px-instrument-rail{border-bottom:1px solid #9d8ca5;justify-content:space-between;padding-bottom:2px;display:flex;position:absolute;bottom:-5px;left:26px;right:26px}.px-instrument-rail i{background:#9d8ca5;width:1px;height:5px}.px-instrument-rail i:nth-child(5n+1){height:10px}.px-drawing-label{font:8px/1 var(--font-mono),monospace;letter-spacing:.06em;color:#6a566f;position:absolute;transform:rotate(12deg)}.px-drawing-label-a{top:12px;left:-4px}.px-drawing-label-b{top:6px;right:-10px}.px-drawing-label-c{bottom:-26px;right:3px}.px-jarvis[data-step="1"] .px-optic-back{transform:translate3d(-40px,16px,-54px)rotateY(-26deg)}.px-jarvis[data-step="1"] .px-optic-mid{transform:translateZ(35px)rotateY(-7deg)}.px-jarvis[data-step="1"] .px-optic-front{transform:translate3d(48px,-16px,84px)rotateY(8deg)}.px-jarvis[data-step="2"] .px-optic-back{transform:translate3d(-10px,4px,-30px)rotateY(-7deg)}.px-jarvis[data-step="2"] .px-optic-mid{transform:translateZ(16px)rotateY(-7deg)}.px-jarvis[data-step="2"] .px-optic-front{transform:translate3d(10px,-4px,60px)rotateY(-7deg)}.px-trainer-sheets{width:230px;height:250px;transform-style:preserve-3d;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotateX(8deg)rotateY(-12deg)}.px-sheet{background:linear-gradient(135deg,#fff9ef,#e5dace);border:1px solid #c4b7c4;border-radius:4px;width:184px;height:226px;padding:20px 18px;transition:transform .75s cubic-bezier(.2,.75,.2,1),box-shadow .75s;position:absolute;box-shadow:2px 3px #beafc0,8px 15px 18px #6f587d23}.px-sheet-meta{font:8px/1.5 var(--font-mono),monospace;letter-spacing:.06em;color:#756174}.px-sheet strong{letter-spacing:-.05em;margin-top:12px;font-size:24px;font-weight:550;display:block}.px-sheet-foot{color:#786577;font-size:9px;position:absolute;bottom:18px;left:18px}.px-sheet-source{transform:translate3d(-25px,9px,-30px)rotate(-12deg)}.px-sheet-review{background:linear-gradient(135deg,#e6ddea,#c4b1d0);transform:translate3d(14px,0,8px)rotate(-1deg)}.px-sheet-record{background:linear-gradient(135deg,#f3e5d5,#d0b79d);transform:translate3d(62px,17px,40px)rotate(12deg)}.px-label-lines{border-top:3px solid #766474;margin-top:15px}.px-label-lines i{border-bottom:1px solid #ac98a8;height:12px;display:block}.px-label-lines i:first-child{border-width:3px;height:16px}.px-review-lines{gap:12px;margin-top:20px;display:grid}.px-review-lines span{border-bottom:1px solid #a595b5;padding-bottom:6px;font-size:9px}.px-review-lines i{float:right;border:1px solid #867190;width:7px;height:7px}.px-day-mark{gap:7px;margin-top:30px;display:flex}.px-day-mark i{border:1px solid #a38673;border-radius:50%;width:12px;height:12px}.px-day-mark i:nth-child(4){background:#726079;border-color:#726079}.px-trainer[data-step="0"] .px-sheet-source{transform:translate3d(-20px,-17px,80px)rotate(-11deg);box-shadow:2px 3px #beafc0,12px 22px 24px #6f587d33}.px-trainer[data-step="1"] .px-sheet-review{transform:translate3d(12px,-22px,90px)rotate(-2deg);box-shadow:2px 3px #beafc0,12px 22px 24px #6f587d33}.px-trainer[data-step="2"] .px-sheet-record{transform:translate3d(40px,-20px,90px)rotate(7deg);box-shadow:2px 3px #beafc0,12px 22px 24px #6f587d33}.px-evidence-layers{perspective:800px;width:330px;height:310px;transform-style:preserve-3d;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.px-evidence-thread{stroke:#977a65;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:translateZ(-20px)}.px-evidence-thread circle{fill:#f3e8d9}.px-evidence-plate{transform-origin:50%;background:linear-gradient(145deg,#eee7ed,#d4c4dd);border:1px solid #baa6c4;border-radius:3px;width:203px;height:128px;padding:16px 19px;transition:transform .75s cubic-bezier(.2,.75,.2,1);position:absolute;left:64px;box-shadow:3px 5px #a895b2,9px 19px 25px #4f3e6824}.px-evidence-plate>span{font:9px/1 var(--font-mono),monospace;color:#816b8a}.px-evidence-plate>strong{letter-spacing:-.04em;margin-top:13px;font-size:23px;font-weight:520;display:block}.px-evidence-plate>small{color:#806c87;margin-top:4px;font-size:9px;display:block}.px-evidence-plate>i{border:1px solid #aa91b3;border-radius:50%;width:9px;height:9px;position:absolute;top:17px;right:17px}.px-evidence-plate-0{background:linear-gradient(145deg,#eee4d6,#ccb49a);border-color:#b69b84;top:149px;transform:rotateX(40deg)rotate(-15deg);box-shadow:3px 5px #9e826e,9px 19px 25px #4f3e6824}.px-evidence-plate-1{top:95px;transform:translateZ(35px)rotateX(40deg)rotate(-15deg)}.px-evidence-plate-2{background:linear-gradient(145deg,#f9f4ef,#ddd5dc);top:41px;transform:translateZ(70px)rotateX(40deg)rotate(-15deg)}.px-edge[data-step="0"] .px-evidence-plate-0{transform:translate3d(-24px,15px,25px)rotateX(27deg)rotate(-15deg)}.px-edge[data-step="1"] .px-evidence-plate-1{transform:translate3d(-25px,-4px,80px)rotateX(24deg)rotate(-9deg)}.px-edge[data-step="2"] .px-evidence-plate-2{transform:translate3d(6px,-15px,100px)rotateX(17deg)rotate(-7deg)}@media (max-width:900px){.px-heading{grid-template-columns:1fr;gap:20px}.px-heading>p{max-width:48ch}.px-content{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:26px}.px-instrument{transform:translate(-50%,-50%)rotateX(16deg)rotate(-12deg)scale(.9)}.px-trainer-sheets{transform:translate(-50%,-50%)rotateX(8deg)rotateY(-12deg)scale(.82)}.px-evidence-layers{transform:translate(-50%,-50%)scale(.87)}}@media (max-width:680px){.project-explorer{width:calc(100% - 32px);margin-block:36px;padding:25px 18px}.px-heading{gap:16px;margin-bottom:25px}.px-heading h2{font-size:clamp(33px,8.4vw,48px)}.px-heading>p{font-size:15px}.px-tabs{gap:12px;margin-bottom:22px}.px-tabs button{gap:6px;min-height:52px;font-size:13px}.px-tabs button>span{font-size:8px}.px-tabs button>i{display:none}.px-content{grid-template-columns:minmax(0,1fr);gap:30px}.px-scene{height:300px}.px-panel{min-height:250px}.px-panel h3{max-width:20ch;font-size:31px}.px-panel-note{margin-bottom:16px}.px-proof-link{margin-top:17px}.px-study figcaption{font-size:13px}.px-instrument{transform:translate(-50%,-50%)rotateX(16deg)rotate(-12deg)scale(.84)}.px-drawing-label{transform:rotate(12deg)translateZ(120px)}.px-drawing-label-a{top:6px;left:24px}.px-drawing-label-b{top:4px;right:18px}.px-drawing-label-c{bottom:-20px;right:18px}.px-trainer-sheets{transform:translate(-50%,-50%)rotateX(8deg)rotateY(-12deg)scale(.83)}.px-evidence-layers{transform:translate(-50%,-50%)scale(.82)}}@media (max-width:420px){.px-tabs button>span{display:none}}@media (max-width:360px){.px-instrument{transform:translate(-50%,-50%)rotateX(16deg)rotate(-12deg)scale(.78)}.px-trainer-sheets{transform:translate(-50%,-50%)rotateX(8deg)rotateY(-12deg)scale(.76)}.px-evidence-layers{transform:translate(-50%,-50%)scale(.77)}}@media (prefers-reduced-motion:reduce){.project-explorer *,.project-explorer :before,.project-explorer :after{transition:none!important;animation:none!important}.px-scene-object{transform:none}}html[data-motion-paused=true] .project-explorer *,html[data-motion-hidden=true] .project-explorer *{transition:none!important}html[data-motion-paused=true] .px-scene-object{transform:none}@media print{.project-explorer{break-inside:avoid;border-color:#bbb}.px-scene,.px-tabs{display:none}.px-content,.px-panel[hidden]{display:block}.px-panel{min-height:0;margin-top:22px}.px-proof-link{margin-top:6px}}@media (max-width:360px){.px-drawing-label{display:none}}
