.workbench{color:#f8f5fa;background:#070609;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.workbench__scene{aspect-ratio:3/2;isolation:isolate;--mx:0px;--my:0px;width:100%;position:relative}.workbench__plate,.workbench__layers,.workbench__layer,.workbench__layer img{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.workbench__plate{transition:filter .6s;animation:1.6s both room-in}.workbench__layers{z-index:1}.workbench__layer{mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy),#000 65%,transparent 100%);transform-origin:var(--cx) var(--cy);will-change:transform;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .6s,opacity .6s}.workbench__layer[data-layer=emeline]{--cx:21%;--cy:43%;--rx:21%;--ry:17%}.workbench__layer[data-layer=vinora]{--cx:50%;--cy:42%;--rx:16%;--ry:19%}.workbench__layer[data-layer=sureship]{--cx:82%;--cy:44%;--rx:20%;--ry:18%}.workbench__layer[data-layer=jobpulse]{--cx:27%;--cy:72%;--rx:22%;--ry:20%}.workbench__layer[data-layer=openrize]{--cx:56%;--cy:74%;--rx:16%;--ry:20%}.workbench__layer[data-layer=openresume]{--cx:83%;--cy:77%;--rx:21%;--ry:23%}.workbench[data-active]:not([data-active=""]) .workbench__plate,.workbench[data-filter]:not([data-filter=all]) .workbench__plate{filter:brightness(.52)saturate(.7)}.workbench[data-active]:not([data-active=""]) .workbench__layer:not(.active),.workbench__layer.filtered{opacity:.15}.workbench__layer.active{opacity:1;filter:brightness(1.12);transform:translate(calc(var(--mx)*.4),-4px) scale(1.018)}.workbench__intro,.workbench__note,.workbench__filters,.workbench__footer{z-index:4;position:absolute}.workbench__intro{animation:1.5s both room-in;top:11.5%;left:10.9%}.workbench__intro>span{color:#ca80ff;letter-spacing:.25em;font-size:.85vw;position:absolute;top:-1.4vw;left:-6vw}.workbench__intro h1{letter-spacing:-.065em;transform-origin:0;margin:0 0 .4vw;font:500 4vw/.9 Arial,Helvetica,sans-serif;transform:scaleX(1.2)}.workbench__intro sup{vertical-align:top;letter-spacing:0;margin-left:.5vw;font:400 .65vw Arial}.workbench__intro p{color:#b9b5be;letter-spacing:-.055em;margin:0;font:300 2.25vw/.96 Arial,Helvetica,sans-serif}.workbench__note{color:#aaa4ad;border-left:1px solid #8b848d;width:16%;padding-left:2.25vw;font-size:.84vw;line-height:1.35;top:12.5%;left:64.9%}.workbench__note p{margin:0}.workbench__note span{letter-spacing:.13em;color:#d9d2de;margin-top:1.5vw;font-size:.58vw;display:block}.workbench__filters{gap:.6vw;display:flex;top:25.5%;left:10.9%}.workbench__filters button{color:#dad5df;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;min-height:30px;padding:.5vw 1.4vw;font:400 .73vw Arial;transition:all .3s}.workbench__filters button.active,.workbench__filters button:hover,.workbench__filters button:focus-visible{color:#fff;border-color:#c78aff;outline:none;box-shadow:0 0 18px #962aef44}.workbench__projects{z-index:3;pointer-events:none;position:absolute;inset:0}.workbench__project{pointer-events:auto;color:#fff;border-radius:10px;outline:none;width:31%;height:27%;text-decoration:none;position:absolute}.workbench__project[data-project=emeline]{top:30%;left:3%}.workbench__project[data-project=vinora]{width:28%;top:29%;left:36%}.workbench__project[data-project=sureship]{width:34%;top:29%;left:65%}.workbench__project[data-project=jobpulse]{width:39%;height:34%;top:57%;left:3%}.workbench__project[data-project=openrize]{width:25%;height:34%;top:57%;left:42%}.workbench__project[data-project=openresume]{width:30%;height:37%;top:58%;left:69%}.workbench__label{text-shadow:0 2px 8px #000;flex-direction:column;max-width:40%;transition:opacity .5s;display:flex;position:absolute;top:5%;left:6%}[data-project=jobpulse] .workbench__label{top:22%;left:3%}[data-project=openrize] .workbench__label{top:17%;left:4%}[data-project=openresume] .workbench__label{top:58%;left:8%}.workbench__label small{color:#aaa1b1;letter-spacing:.15em;font-size:.9vw}.workbench__label strong{text-transform:uppercase;letter-spacing:.02em;margin:.25vw 0;font-size:1vw}.workbench__label em{color:#ddd6e3;max-width:10vw;font-size:.8vw;font-style:normal;line-height:1.4}.workbench__label i{text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;margin-top:1vw;font-size:.53vw;font-style:normal}.workbench__project>b{letter-spacing:.13em;opacity:0;background:#08060dbb;border:1px solid #b36de56b;border-radius:20px;padding:.6vw .8vw;font-size:.7vw;transition:all .3s;position:absolute;bottom:5%;right:8%}.workbench__project:hover>b,.workbench__project:focus-visible>b{opacity:1}.workbench__project:focus-visible{outline-offset:-6px;outline:1px solid #b775ef}.workbench__project.filtered,.workbench[data-active]:not([data-active=""]) .workbench__project:not(.active){opacity:.45}.workbench__footer{align-items:center;gap:1.4vw;font-size:.7vw;display:flex;bottom:2.2%;left:5%;right:5%}.workbench__footer small{color:#98909e;font-size:.5vw}.workbench__footer>span:last-child{letter-spacing:.12em;margin-left:auto;font-size:.62vw}.workbench__light{z-index:2;pointer-events:none;background:radial-gradient(240px circle at var(--lx,50%) var(--ly,50%),#b378ef0b,transparent);position:absolute;inset:0}.workbench__loader,.workbench__swipe{display:none}.work-archive{color:#f6f1fa;background:#09080c;padding:7rem 6vw}.work-archive header{justify-content:space-between;align-items:end;padding-bottom:2rem;display:flex}.work-archive h2{letter-spacing:-.05em;font-size:clamp(2rem,4vw,4rem);font-weight:400}.work-archive header>span{color:#c38cec;letter-spacing:.2em;font-size:11px}.work-archive ol{padding:0;list-style:none}.work-archive a{color:inherit;border-top:1px solid #fff2;grid-template-columns:4rem 1fr 1fr auto;gap:2rem;padding:1.5rem 0;text-decoration:none;display:grid}.work-archive a:hover{color:#c98aff}.work-archive a span,.work-archive small{color:#a79fab}.work-archive i{font-style:normal}.workbench-detail{color:#f4eef8;background:#100c17;border:1px solid #aa79d15c;border-radius:12px;width:min(650px,90vw);margin:auto;padding:clamp(25px,5vw,65px);position:fixed;inset:0;box-shadow:0 30px 140px #000c}.workbench-detail[open]{animation:.6s cubic-bezier(.2,.8,.2,1) detail-in}.workbench-detail::backdrop{backdrop-filter:blur(8px);background:#050308c9}.workbench-detail button{color:#d0bbdf;cursor:pointer;background:0 0;border:0;padding:12px 0}.workbench-detail>span{color:#bb91d9;margin:2rem 0 .7rem;font-size:12px;display:block}.workbench-detail h2{overflow-wrap:anywhere;font-size:clamp(28px,4vw,48px);line-height:1.1}.workbench-detail p{color:#beb5c9;margin:1rem 0 2rem}.workbench-detail a{color:#d6a7ff}@keyframes room-in{0%{opacity:0}to{opacity:1}}@keyframes detail-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:none}}@media (width<=800px){.workbench{overscroll-behavior-x:contain;overflow-x:auto}.workbench__scene{aspect-ratio:auto;width:1350px;height:900px}.workbench__plate,.workbench__layer img{object-fit:fill}.workbench__intro{top:105px;left:24px}.workbench__intro>span{display:none}.workbench__intro h1{font-size:52px}.workbench__intro sup{font-size:10px}.workbench__intro p{font-size:25px}.workbench__note{display:none}.workbench__filters{gap:0;top:218px;left:24px}.workbench__filters button{min-height:44px;padding:8px 12px;font-size:10px}.workbench__swipe{z-index:4;color:#bf8ee8;font-size:11px;display:block;position:absolute;top:265px;left:24px}.workbench__projects{transform:translateY(34px)}.workbench__label small{font-size:11px}.workbench__label strong{font-size:13px}.workbench__label em{max-width:120px;font-size:12px}.workbench__label i{margin-top:12px;font-size:8px}.workbench__project>b{padding:8px;font-size:10px}.workbench__footer{font-size:10px}.workbench__footer small{font-size:8px}.workbench__footer>span:last-child{font-size:9px}.work-archive{padding:4rem 24px}.work-archive header{display:block}.work-archive h2{margin-top:16px}.work-archive a{grid-template-columns:26px 1fr auto;gap:12px}.work-archive a span{display:none}}@media (prefers-reduced-motion:reduce){.workbench__plate,.workbench-detail[open]{animation:none}.workbench__layer{transition:opacity .15s;transform:none!important}.workbench__light{display:none}}section.workbench{padding:0}.workbench__note p{font:400 .84vw/1.35 Arial,Helvetica,sans-serif}.workbench__label em{max-width:8vw}@media (width<=800px){.workbench__label em{max-width:110px}}.workbench__signals{pointer-events:none;z-index:4;position:absolute;inset:0}.workbench__signal{opacity:0;flex-direction:column;gap:5px;transition:opacity .3s;display:flex;position:absolute}.workbench__signal span{color:#e9d9f4;opacity:0;background:#100b19e8;border:1px solid #b584db40;border-radius:5px;padding:7px 10px;font:400 10px/1.4 Arial;transform:translateY(5px)}[data-signal=emeline]{top:46%;left:27%}[data-signal=vinora]{top:40%;left:55%}[data-signal=sureship]{top:35%;left:85%}[data-signal=jobpulse]{top:64%;left:32%}[data-signal=openrize]{top:64%;left:59%}[data-signal=openresume]{top:64%;left:88%}.workbench[data-active=emeline] [data-signal=emeline],.workbench[data-active=vinora] [data-signal=vinora],.workbench[data-active=sureship] [data-signal=sureship],.workbench[data-active=jobpulse] [data-signal=jobpulse],.workbench[data-active=openrize] [data-signal=openrize],.workbench[data-active=openresume] [data-signal=openresume]{opacity:1}.workbench[data-active=emeline] [data-signal=emeline] span,.workbench[data-active=vinora] [data-signal=vinora] span,.workbench[data-active=sureship] [data-signal=sureship] span,.workbench[data-active=jobpulse] [data-signal=jobpulse] span,.workbench[data-active=openrize] [data-signal=openrize] span,.workbench[data-active=openresume] [data-signal=openresume] span{animation:signal-in .4s calc(var(--step)*.22s) both}@keyframes signal-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.workbench__signal span{opacity:1;transform:none;animation:none!important}}@media (width<=800px){.workbench{scrollbar-width:auto;scrollbar-color:#a66bff #17131d}.workbench::-webkit-scrollbar{height:12px}.workbench::-webkit-scrollbar-track{background:#17131d}.workbench::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#7b3fe4,#c08cff);border:3px solid #17131d;border-radius:999px}.workbench__swipe{z-index:5;color:#eadcf7;font:500 10px/1 var(--font-mono);letter-spacing:.08em;background:#0b0812e8;border:1px solid #ba7df070;border-radius:999px;align-items:center;gap:10px;margin:0;padding:8px 12px;animation:1.8s ease-in-out infinite work-swipe-cue;display:flex;top:270px;box-shadow:0 0 22px #7f3fc63d}.workbench__swipe span{color:#c58aff;font-size:14px}}@keyframes work-swipe-cue{50%{transform:translate(7px);box-shadow:0 0 30px #9c57e65c}}@media (prefers-reduced-motion:reduce){.workbench__swipe{animation:none}}.workbench-detail__art{background-image:url(/media/revamp/workbench-warm.webp);background-position:22%;background-size:300%;border-radius:6px;height:180px;margin:16px 0 24px}.workbench-detail[data-project=vinora] .workbench-detail__art{background-position:51% 42%}.workbench-detail[data-project=sureship] .workbench-detail__art{background-position:100% 45%}.workbench-detail[data-project=jobpulse] .workbench-detail__art{background-position:23% 85%}.workbench-detail[data-project=openrize] .workbench-detail__art{background-position:59% 85%}.workbench-detail[data-project=openresume] .workbench-detail__art{background-position:100% 88%}.workbench-detail{max-height:90svh;overflow-y:auto}.workbench-detail>span{margin-top:0}.workbench .workbench__intro h1,.workbench .workbench__intro p{color:#eee6f4}.workbench .workbench__note p{color:#ded2e8}
