.work-page{color:#edf3f5;--work-accent:#d5b497;background:#0b1824}.work-route{scrollbar-gutter:stable}.work-track{overflow-anchor:none}.work-route .work-track{--work-open:0;--work-power:0}.work-track.is-settled .work-lid{transition:transform .22s cubic-bezier(.16,1,.3,1)}.work-page main{background:radial-gradient(at 78% 34%,#21415255,#0000 42%)}.work-headline{text-wrap:balance}.work-project{transition:color .25s,border-color .25s}.work-project:hover{color:#edf3f5}.work-project[aria-pressed=true]{color:#edf3f5;border-color:var(--project-accent)}@layer components{.work-project-thumb{transition:box-shadow .25s;box-shadow:inset 0 0 0 1px #ffffff14}.work-project-thumb img{opacity:.65;transition:opacity .25s,transform .4s}}.work-project:is(:hover,[aria-pressed=true]) .work-project-thumb img{opacity:1;transform:scale(1.04)}.work-project[aria-pressed=true] .work-project-thumb{box-shadow:0 0 0 1px var(--project-accent)}.work-tool{transition:background-color .25s,color .25s}.work-tool:hover{color:#edf3f5;background-color:#69c6c812}.work-page :is(button,a):focus-visible{outline:2px solid var(--work-accent);outline-offset:5px}.work-copy .goco-button:is(:hover,:focus-visible){box-shadow:0 6px 26px color-mix(in srgb,var(--work-accent) 18%,transparent)}.work-device{perspective:1500px;isolation:isolate;min-width:0;padding:2% 4% 0;position:relative}.work-device:before{content:"";z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb,var(--work-accent) 14%,transparent), transparent 68%);pointer-events:none;position:absolute;inset:10% -4% 5%}.work-computer{padding-bottom:2%}.work-lid{transform-origin:bottom;transform:rotateX(calc(-32deg * (1 - var(--work-open,1))));will-change:transform;background:linear-gradient(145deg,#6c737c,#20242b 3%,#070a0e 6%,#10141b 92%,#424a55);border:1px solid #a1afbb66;border-radius:17px 17px 6px 6px;padding:3% 1.3% 3.2%;position:relative;box-shadow:inset 0 0 0 2px #121820,0 14px 45px #0004}.work-camera{background:#244150;border-radius:50%;width:5px;height:5px;position:absolute;top:2.3%;left:calc(50% - 2.5px);box-shadow:0 0 0 2px #030609}.work-display{aspect-ratio:16/10;background:#03080c;border:1px solid #252d38;position:relative;overflow:hidden}.work-display img{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .25s,transform .8s;display:block}.work-device-brand{text-align:center;letter-spacing:.15em;color:#8998a5;width:100%;font:7px Arial,sans-serif;position:absolute;bottom:.7%;left:0}.work-keyboard{transform-origin:top;background:linear-gradient(140deg,#626d7b,#a2aab4 45%,#727b88);border:1px solid #8b939d;border-radius:2px 2px 18px 18px;height:clamp(44px,7.5vw,115px);margin:0 -5% -5%;position:relative;transform:rotateX(57deg);box-shadow:0 24px 35px #0005}.work-keys{gap:3px;width:74%;margin:1.5% auto 0;display:grid}.work-key-row{gap:3px;display:flex}.work-key-row i{background:#161c24;border-radius:2px;flex:1;height:clamp(3px,.6vw,9px);box-shadow:0 1px #fff3}.work-key-row .space-key{flex:5}.work-trackpad{border:1px solid #404d5d88;border-radius:3px;width:24%;height:22%;margin:1.2% auto 0}.work-laptop-edge{background:linear-gradient(#8e98a5,#333d4a);border-radius:0 0 50% 50%;height:8px;margin:-2% -5% 0;position:relative}.work-laptop-edge i{background:#3a4655;border-radius:0 0 5px 5px;width:13%;height:3px;position:absolute;left:43.5%}.work-monitor-stand{clip-path:polygon(27% 0,73% 0,78% 81%,100% 88%,100% 100%,0 100%,0 88%,22% 81%);background:linear-gradient(90deg,#526474,#a2acb5,#526474);width:23%;height:clamp(30px,4.8vw,70px);margin:0 auto;display:none}.work-device[data-kind=monitor] .work-keyboard,.work-device[data-kind=monitor] .work-laptop-edge{display:none}.work-device[data-kind=monitor] .work-monitor-stand{display:block}.work-device[data-kind=monitor] .work-display{aspect-ratio:320/159}.work-device[data-kind=phones] .work-computer{display:none}.work-phones{aspect-ratio:1.5;width:100%;position:relative}.work-phone{aspect-ratio:942/2048;background:linear-gradient(110deg,#98a5b4,#151c25 7%,#101824 90%,#788594);border:1px solid #aab9c877;border-radius:14%/6.5%;height:96%;padding:5px;position:absolute;box-shadow:15px 22px 40px #0006}.work-phone img{object-fit:cover;border-radius:12%/5.5%;width:100%;height:100%;display:block}.work-phone>span{background:#040507;border-radius:99px;width:30%;height:3%;position:absolute;top:2%;left:35%}.work-phone-front{z-index:2;top:0;left:20%;transform:rotate(-7deg)}.work-phone-back{height:91%;top:4%;left:49%;transform:rotate(9deg)}.work-screen-off{pointer-events:none;opacity:calc(1 - var(--work-power,1));background:#03090e;position:absolute;inset:0}.work-power-light{background:var(--work-accent);width:5px;height:5px;box-shadow:0 0 10px color-mix(in srgb,var(--work-accent) 50%,transparent);border-radius:50%}.work-copy,#work-details{transition:opacity .22s}.work-details-boot #work-details>[data-work-details]{display:none}.work-page.is-switching :is(.work-copy,#work-details){opacity:.45}.work-page.is-switching :is(.work-display,.work-phones){pointer-events:none}.work-view:hover{color:var(--work-accent);border-color:color-mix(in srgb,var(--work-accent) 65%,transparent);background:color-mix(in srgb,var(--work-accent) 10%,transparent)}.work-view[aria-pressed=true]{color:var(--color-ink);border-color:var(--work-accent);background:var(--work-accent);box-shadow:0 3px 16px color-mix(in srgb,var(--work-accent) 15%,transparent)}.work-dialog{box-sizing:border-box;color:#edf3f5;background:#0b1824;border:1px solid #587084;border-radius:14px;width:min(1500px,96vw);max-width:none;height:94dvh;max-height:none;padding:0;overflow:hidden}.work-dialog[open]{flex-direction:column;display:flex}.work-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02080eed}.work-dialog-content{overscroll-behavior:contain;background:#f3f5f6;flex:1;min-height:0;position:relative;overflow:auto}.work-dialog-content iframe{background:#fff;border:0;width:100%;height:100%;display:block}.work-dialog-content .work-gallery{background:#0b1824;min-height:100%}.work-gallery img{border-radius:22px;width:auto;max-width:42vw;max-height:65dvh;display:block}.work-gallery video{max-width:100%;max-height:65dvh;display:block}.work-loading{color:#b8cbd6;pointer-events:none;background:#0b1824;place-items:center;display:grid;position:absolute;inset:0}@media (min-width:1041px) and (min-height:1100px) and (prefers-reduced-motion:no-preference){.work-track{min-height:115svh}.work-sticky{position:sticky;top:108px}}@media (max-width:800px){.work-lid{transform:rotateX(calc(-12deg * (1 - var(--work-open,1))));border-radius:10px 10px 4px 4px}.work-keys,.work-key-row{gap:2px}.work-device-brand{font-size:5px}.work-laptop-edge{height:5px}.work-dialog{border:0;border-radius:0;width:100%;height:100dvh;margin:0}.work-dialog-bar{padding-top:max(12px,env(safe-area-inset-top))}.work-dialog-content{padding-bottom:env(safe-area-inset-bottom)}.work-gallery img{border-radius:12px;max-width:43vw}}@media (prefers-reduced-motion:reduce){.work-route .work-track{--work-open:1;--work-power:1}.work-page *,.work-page :before{transition:none!important;animation:none!important}.work-lid{will-change:auto;transform:none}}.work-phone:after{content:"";pointer-events:none;opacity:calc(1 - var(--work-power,1));background:#03090e;border-radius:12%/5.5%;position:absolute;inset:5px}.work-page.is-switching .work-screen-off,.work-page.is-switching .work-phone:after{opacity:1;transition:opacity .3s}.work-display img[hidden]{display:none}.work-device[data-kind=laptop] .work-lid{background:linear-gradient(135deg,#82868c,#23272b 1.5%,#090b0e 3%,#111316 97%,#6b7077);border-radius:12px 12px 4px 4px;padding:1.2% 1.1% 1.7%;box-shadow:inset 0 0 0 1px #adb3ba55,0 16px 35px #0005}.work-device[data-kind=laptop] .work-camera{z-index:2;width:3px;height:3px;top:1.9%}.work-device[data-kind=laptop] .work-display{border:0;border-radius:7px 7px 2px 2px}.work-device[data-kind=laptop] .work-device-brand{letter-spacing:.04em;font-size:5px;bottom:.35%}.work-device[data-kind=laptop] .work-keyboard{background:linear-gradient(110deg,#71777e,#c1c5ca 48%,#737a83);border-color:#a0a5ac;border-radius:1px 1px 9px 9px;height:clamp(20px,3.6vw,52px);margin:0 -4% -1.8%;transform:rotateX(68deg)}.work-device[data-kind=laptop] .work-keys{gap:1px;width:75%;margin-top:.5%}.work-device[data-kind=laptop] .work-key-row{gap:2px}.work-device[data-kind=laptop] .work-key-row i{border-radius:1px;height:clamp(2px,.28vw,4px)}.work-device[data-kind=laptop] .work-trackpad{height:18%;margin-top:.5%}.work-device[data-kind=laptop] .work-laptop-edge{background:linear-gradient(#c1c5ca,#79818b 60%,#353b44);height:clamp(3px,.45vw,6px);margin:-1.1% -4% 0}.work-device[data-kind=laptop] .work-keyboard{display:none}.work-device[data-kind=laptop] .work-laptop-edge{border-radius:1px 1px 50% 50%;height:clamp(5px,.7vw,10px);margin:0 -4%;box-shadow:0 12px 20px #0005}