.reading-track{z-index:100;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.reading-track>span{background:var(--accent);width:100%;height:100%;transform:scaleX(var(--reading-progress,0));transform-origin:0;display:block}.motion-toggle{z-index:80;color:#eee;font:10px var(--mono);background:#202020f2;border:1px solid #62625c;border-radius:30px;align-items:center;gap:9px;padding:11px 14px;display:flex;position:fixed;bottom:20px;right:22px;box-shadow:0 4px 20px #0002}.motion-toggle i{border-inline:2px solid #e94b55;width:7px;height:9px;display:block}.motion-toggle[aria-pressed=true] i{background:#bdcfb4;border:0;border-radius:50%;width:7px;height:7px}.motion-toggle:disabled{cursor:default;color:#c3c3bd}.hero{--hero-travel:0px;--type-travel:0px;--orbit-turn:0deg}.hero h1{transform:translateY(var(--type-travel));position:relative}.hero h1>span:first-child{-webkit-text-stroke:1px #eeede7;color:#0000}.hero-role{max-width:460px}.portrait-composition{transform-style:preserve-3d;perspective:1100px}.portrait-frame{transform:translate3d(0,calc(var(--hero-travel) + var(--pointer-y,0px)),25px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(3deg);transition:transform .3s ease-out;box-shadow:13px 18px #0005}.portrait-frame:hover{transform:translate3d(0,calc(var(--hero-travel) + var(--pointer-y,0px)),35px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(1deg)}.portrait-backplate,.portrait-wireframe{pointer-events:none;width:78%;height:74%;max-height:435px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:12%;left:13%}.portrait-backplate{background:#b4c4a7;border:1px solid #d5e1cb;transform:translate(-19px,-12px)rotate(-8deg)}.portrait-backplate>span{font:8px var(--mono);color:#293125;position:absolute;top:12px;left:14px}.portrait-backplate>i{border:1px solid #637356;border-radius:50%;width:40px;height:40px;position:absolute;bottom:13px;right:15px}.portrait-wireframe{background-image:linear-gradient(#e52a3630 1px,#0000 1px),linear-gradient(90deg,#e52a3630 1px,#0000 1px);background-size:24px 24px;border:1px dashed #ec5662;transform:translate(15px,19px)rotate(9deg)}.portrait-wireframe>span{font:8px var(--mono);color:#f0828b;position:absolute;bottom:12px;left:14px}.portrait-sticker{transform:translate(calc(var(--pointer-x,0px) * -1),calc(var(--hero-travel) * -.2)) rotate(-8deg);font-size:22px;transition:transform .3s ease-out}.orbit-one{transform:translateY(calc(var(--hero-travel) * -.4)) rotate(var(--orbit-turn));border-style:dashed;border-color:#8c4149}.orbit-two{transform:translateX(var(--pointer-x,0px)) rotate(calc(var(--orbit-turn) * -1));border-color:#647057}.portrait-index{bottom:-8px}.portrait-assembly{z-index:5;color:#242424;font:9px var(--mono);background:#eeede7;border:1px solid #eeede7;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:24px;right:30px;transform:rotate(3deg);box-shadow:4px 4px #0007}.portrait-assembly b{font-size:17px;font-weight:400}.portrait-assembly:hover{background:#b4c4a7;border-color:#b4c4a7}.is-exploded .portrait-backplate{transform:translate(-55px,-40px)rotate(-17deg)}.is-exploded .portrait-wireframe{transform:translate(44px,35px)rotate(15deg)}.is-exploded .portrait-frame{transform:translate3d(-12px,-12px,60px)rotate(-3deg)}.is-exploded .portrait-sticker{transform:translate(-18px,28px)rotate(-13deg)}.manifesto-strip{transform:translateX(var(--ribbon-shift,0px)) rotate(-1.6deg);width:calc(100% + 100px)}.manifesto-wrap{padding-bottom:22px}.workbench-section{--assembly:.15;background:#191b19;border-top:1px solid #373c35;border-bottom:1px solid #373c35;min-height:170vh;margin:0 -64px;padding:0;position:relative}.workbench-pin{flex-direction:column;justify-content:center;height:100svh;min-height:760px;max-height:1050px;padding:45px 64px 32px;display:flex;position:sticky;top:0;overflow:hidden}.workbench-heading{border-bottom:1px solid #3b4038;justify-content:space-between;align-items:center;padding-bottom:32px;display:flex}.workbench-heading .section-kicker{color:#b4c4a7;margin:0}.bench-coordinate{font:9px var(--mono);color:#929e88}.workbench-layout{flex:1;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;padding-block:25px;display:grid}.workbench-story h2{font-size:clamp(35px,3.3vw,49px);line-height:1.13}.workbench-story h2 span{color:#b4c4a7}.workbench-lede{color:#b2b6ac;margin-bottom:30px;font-size:14px;line-height:1.8}.bench-steps{gap:22px;margin:0;padding:0;list-style:none;display:grid}.bench-steps li{align-items:start;gap:15px;display:flex;position:relative}.step-dot{border:1px solid #6b7465;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px;transition:background .3s}.bench-steps li:not(:last-child):after{content:"";border-left:1px solid #42493c;height:calc(100% + 1px);position:absolute;top:18px;left:4px}.bench-steps h3{font:500 15px var(--font);color:#a8b09f;margin:0 0 5px}.bench-steps p{font:11px/1.7 var(--font);color:#9ca593;margin:0}.bench-steps .is-current .step-dot{background:#e52a36;border-color:#e52a36;box-shadow:0 0 0 4px #e52a3619}.bench-steps .is-current h3{color:#f3f4ed}.bench-skip{font:10px/1.8 var(--mono);color:#d1d7c9;gap:15px;margin-top:28px;display:inline-flex}.workbench-object{min-width:0}.bench-stage{perspective:1000px;isolation:isolate;height:395px;position:relative}.bench-floor{background-image:linear-gradient(#7a8a6125 1px,#0000 1px),linear-gradient(90deg,#7a8a6125 1px,#0000 1px);background-size:28px 28px;border:1px solid #53614745;width:95%;height:75%;position:absolute;top:25%;left:0;transform:rotateX(58deg)rotate(-25deg)}.bench-axis{font:10px var(--mono);color:#9da891;position:absolute;bottom:32px}.axis-x{right:25px}.axis-y{left:25px}.layer-stack{width:72%;max-width:370px;height:235px;transform-style:preserve-3d;transition:transform .35s;position:absolute;top:100px;left:8%;transform:rotateX(47deg)rotate(-24deg)}.system-layer{backface-visibility:hidden;border:1px solid #758767;border-radius:5px;position:absolute;inset:0;box-shadow:0 18px 35px #0003}.layer-view{color:#30382d;transform:translateZ(calc(35px + var(--assembly) * 115px));background:#eeeede;border-color:#d2ddc8}.layer-logic{color:#e5eddd;background:#34412f;transform:translateZ(0)}.layer-data{color:#c5d5b6;transform:translateZ(calc(-35px - var(--assembly) * 115px));background:#21291f}.layer-title{font:10px var(--mono);border-bottom:1px solid #74816750;justify-content:space-between;padding:15px 19px;display:flex}.mini-interface{align-items:center;gap:15px;padding:29px 20px 22px;display:flex}.mini-avatar{background:#e52a36;border-radius:50%;width:48px;height:48px;box-shadow:inset 0 0 0 13px #f8c6c5}.mini-interface>div{flex:1}.mini-interface b{font:500 20px var(--font)}.mini-interface i{background:#b7c2ac;width:90%;height:5px;margin-top:10px;display:block}.mini-interface i:last-child{width:60%}.mini-interface-footer{align-items:center;gap:10px;padding:6px 20px;display:flex}.mini-interface-footer>span{border:1px solid #b7c2ac;width:32px;height:18px}.mini-interface-footer>b{color:#fff;font:10px var(--mono);background:#e52a36;margin-left:auto;padding:10px 16px}.logic-route{font:9px var(--mono);justify-content:center;align-items:center;gap:6px;padding:33px 14px 23px;display:flex}.logic-route i{border-top:1px dashed #b6c7a6;width:15px}.logic-route span,.logic-route b{border:1px solid #7e946a;padding:9px;font-weight:400}.logic-route b{color:#24341d;background:#b4c4a7}.logic-trace{font:9px var(--mono);border-top:1px solid #68745e;justify-content:space-between;margin:0 22px;padding-top:15px;display:flex}.data-slots{font:10px var(--mono);gap:12px;padding:21px;display:grid}.data-slots>span{border-bottom:1px dashed #57664c;justify-content:space-between;padding-bottom:9px;display:flex}.data-slots b{color:#c1d9ab;font-weight:400}.layer-guide{gap:calc(30px + var(--assembly) * 42px);font:9px var(--mono);color:#b6c2ac;display:grid;position:absolute;top:80px;right:0}.layer-guide>span:before{content:"";vertical-align:middle;border-top:1px solid #7f936a;width:20px;margin-right:8px;display:inline-block}.assembly-control{font:10px var(--mono);z-index:2;border-top:1px solid #46513e;grid-template-columns:auto 1fr 36px;align-items:center;gap:17px;padding:17px 0 12px;display:grid;position:relative}.assembly-control label{gap:12px;display:flex}.assembly-control input{accent-color:#e52a36;cursor:ew-resize;width:100%;height:24px}.assembly-control output{color:#b4c4a7;text-align:right}#assembly-hint{font:9px var(--mono);color:#97a38d;margin:0}.workbench-foot{font:9px var(--mono);color:#9aa690;border-top:1px solid #3b4038;justify-content:space-between;align-items:center;gap:25px;padding-top:24px;display:flex}.workbench-foot>span:first-child{align-items:center;gap:9px;display:flex}.workbench-foot i{background:#b4c4a7;border-radius:50%;width:5px;height:5px}.bench-progress{background:#434b3c;width:130px;height:2px}.bench-progress>span{width:100%;height:100%;transform:scaleX(var(--assembly));transform-origin:0;background:#e52a36;display:block}.bench-phase-label{color:#b9c4ae}.portfolio-section{margin-top:0;padding-top:90px}.project-art>.voice-art,.project-art>.document-art,.project-art>.dag-art,.project-art>.terminal-art{translate:0 var(--art-drift,0px)}@media (width>=1000px){.project-grid{grid-template-columns:1.13fr .87fr;gap:65px 55px}.project-card:nth-child(2n){padding-top:100px}.project-card:nth-child(odd) .project-art{height:340px}.project-card:nth-child(2n) .project-art{height:290px}.project-copy>p{font-size:14px}.project-title h3{font-size:46px}}html[data-motion=off] .workbench-section{min-height:0}html[data-motion=off] .workbench-pin{height:auto;min-height:720px;position:relative}html[data-motion=off] :is(.hero-copy,.portrait-composition){animation:none}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}html[data-motion=off] .portrait-frame,html[data-motion=off] .portrait-frame:hover{transform:rotate(3deg)}html[data-motion=off] .is-exploded .portrait-frame{transform:rotate(-3deg)}@media (width<=1100px){.workbench-section{margin-inline:-36px}.workbench-pin{padding-inline:36px}.workbench-layout{grid-template-columns:1fr 1.05fr;gap:20px}.bench-stage{height:360px}.layer-stack{width:80%;height:210px;top:100px;left:2%}.mini-interface{padding:22px 15px 17px}.mini-interface b{font-size:17px}.layer-guide{font-size:8px;right:-10px}.layer-guide>span:before{width:10px}.logic-route{gap:4px;font-size:8px}.logic-route span,.logic-route b{padding:7px}.portrait-assembly{bottom:20px;right:10px}}@media (width<=899px){.workbench-section{min-height:0}.workbench-pin{height:auto;min-height:0;max-height:none;padding-top:35px;padding-bottom:30px;position:relative}.workbench-layout{grid-template-columns:1fr;gap:15px;padding-block:30px}.workbench-story h2{font-size:39px}.workbench-lede{max-width:390px}.bench-steps{grid-template-columns:repeat(3,1fr);gap:16px}.bench-steps li:after{display:none}.bench-steps h3{font-size:13px}.bench-steps p{font-size:11px}.bench-stage{width:100%;max-width:540px;height:400px;margin:auto}.layer-stack{width:68%;top:120px;left:12%}.layer-guide{top:90px;right:10px}.workbench-object{width:100%;max-width:620px;margin:auto}.workbench-foot{font-size:8px}.bench-phase-label{display:none}.portrait-backplate,.portrait-wireframe{height:72%;top:14%}.portrait-assembly{bottom:10px}.portrait-sticker{font-size:20px}html[data-motion=off] .workbench-pin{min-height:0}}@media (width<=760px){.workbench-section{margin-inline:-22px}.workbench-pin{padding-inline:22px}.workbench-heading{padding-bottom:20px}.bench-coordinate{font-size:7px}.workbench-heading .section-kicker{font-size:8px}.workbench-story h2{font-size:35px}.workbench-lede{margin-bottom:23px;font-size:13px}.bench-steps{grid-template-columns:1fr;gap:18px}.bench-steps li:not(:last-child):after{display:block}.bench-skip{font-size:9px}.bench-stage{height:350px}.layer-stack{width:76%;height:195px;top:107px;left:5%;transform:rotateX(44deg)rotate(-22deg)}.layer-title{padding:12px 14px;font-size:8px}.mini-interface{gap:10px;padding:23px 14px 15px}.mini-interface b{font-size:15px}.mini-avatar{width:34px;height:34px;box-shadow:inset 0 0 0 10px #f8c6c5}.mini-interface-footer{padding:5px 14px}.mini-interface-footer>b{padding:8px 10px;font-size:8px}.mini-interface-footer>span{width:24px;height:15px}.logic-route{gap:3px;padding-top:26px;font-size:7px}.logic-route i{width:8px}.logic-route span,.logic-route b{padding:7px 4px}.logic-trace{margin:0 16px;font-size:8px}.data-slots{gap:10px;padding:16px;font-size:8px}.layer-guide{gap:calc(30px + var(--assembly) * 34px);font-size:7px;top:80px;right:0}.layer-guide>span:before{width:7px;margin-right:5px}.assembly-control{gap:12px;font-size:9px}.assembly-control label{gap:6px}#assembly-hint{font-size:8px}.workbench-foot{gap:15px;font-size:7px}.bench-progress{width:65px}.motion-toggle{padding:10px 12px;font-size:9px;bottom:12px;right:12px}.portrait-backplate{height:68%;top:17%;left:13%}.portrait-wireframe{height:68%;top:17%;left:12%}.is-exploded .portrait-backplate{transform:translate(-28px,-27px)rotate(-13deg)}.is-exploded .portrait-wireframe{transform:translate(20px,25px)rotate(12deg)}.portrait-assembly{padding:8px 9px;font-size:8px;bottom:6px;right:15px}.portrait-sticker{bottom:30px}.portrait-index{display:none}.portrait-composition{margin-bottom:20px}.manifesto-strip{width:100%;transform:rotate(-1.6deg)}.portfolio-section{padding-top:55px}}@media (width<=380px){.workbench-section{margin-inline:-18px}.workbench-pin{padding-inline:18px}.workbench-story h2{font-size:32px}.bench-stage{height:330px}.layer-stack{height:185px}.layer-guide{right:-6px}.mini-interface b{font-size:14px}.portrait-sticker{padding-right:45px;font-size:18px}.portrait-sticker>span{font-size:24px}}@media (prefers-reduced-motion:reduce){.workbench-section{min-height:0}.workbench-pin{height:auto;min-height:0;position:relative}.portrait-frame,.portrait-frame:hover{transform:rotate(3deg)}.is-exploded .portrait-frame{transform:rotate(-3deg)}.hero h1,.orbit-one,.orbit-two{transform:none}.project-art>*{translate:none!important}}.motion-toggle,.portrait-assembly{min-height:44px}@media (width>=1101px){.bench-stage{height:440px}}@media (width>=900px) and (width<=1100px){.bench-stage{height:410px}}@media (width<=760px){.layer-stack{top:95px;transform:scale(.82)rotateX(44deg)rotate(-22deg)}}
