.badge[data-v-e61793fa]{font-family:var(--heading-font);font-size:1.4rem;line-height:1;color:#222224;position:relative;font-weight:700;display:inline-block;text-decoration:none;text-transform:uppercase;border:none;padding:1rem 1.6rem 1rem 1rem;border-radius:3rem;background:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge[data-v-e61793fa]:hover{cursor:pointer}.badge[data-v-e61793fa]:hover:after{background:#f5f5f5;transform:scale(1.06)}html.dark .badge[data-v-e61793fa]{color:#fff}html.dark .badge[data-v-e61793fa]:after{background:#2c373d}html.dark .badge[data-v-e61793fa]:before{background:#9b9ba0}.badge[data-v-e61793fa]:focus{outline:none;border:none}.badge span[data-v-e61793fa]{position:relative;z-index:1}.badge[data-v-e61793fa]:after{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;background:#fff;border-radius:3rem;box-shadow:0 .3rem .6rem #00000029;width:100%;height:100%;transition:cubic-bezier(.12,.72,.32,.72) .32s transform,ease-in-out .24s background}.badge[data-v-e61793fa]:before{content:"";display:inline-block;background:#31414b80;height:.6rem;width:.6rem;position:relative;z-index:1;margin:.4rem .8rem .4rem .4rem;border-radius:50%;vertical-align:top}.badge-group[data-v-ddf829bc]{display:flex;flex-wrap:wrap;width:100%;gap:16px}.badge-group .badge[data-v-ddf829bc]{flex-shrink:0}.laptop[data-v-582286bb]{--max-width: 620px;width:100%;perspective:min(1196px,160vw);max-width:var(--max-width);position:relative;padding:0;display:inline-flex;flex-direction:column;--container-width: 320;--container-height: 160;--screen-width: 240;--screen-height: 150}.lid-top[data-v-582286bb]{--border-radius: 3.5;--keyboard-height: 5;width:100%;aspect-ratio:var(--container-width) / var(--keyboard-height);border-radius:calc((var(--keyboard-height) / var(--border-radius)) * 1%) / calc((var(--screen-width) / var(--border-radius)) * 1%);border-bottom-right-radius:0;border-bottom-left-radius:0;background:linear-gradient(180deg,#ededed,#eee)}.lid[data-v-582286bb]{pointer-events:none;position:absolute;z-index:-1;bottom:-107.5%;width:calc((var(--screen-width) / var(--container-width)) * 100%);aspect-ratio:var(--screen-width) / var(--screen-height);transform-origin:center bottom 100%;width:100%;display:none;transform-style:preserve-3d;--responsive-factor: calc(198px/375px) ;--transform-z: calc(min(100vw, 620px)*.528) ;--transform-y: -100%;transform:rotateX(71deg) translate3d(0,var(--transform-y),var(--transform-z))}@media (min-width: 640px){.lid[data-v-582286bb]{--screen-y: calc(((min(100vw, 1000px) - 64px) * (var(--screen-height) / var(--screen-width)) ) * -1);--transform-z: calc(((var(--screen-y) * -1) - 140px) * .528);--transform-y: -160% }}@media (min-width: 1024px){.lid[data-v-582286bb]{--transform-z: calc(min(100vw, 620px)*.528) ;--transform-y: -100% }}.screen[data-v-582286bb]{--border-radius: 48;background:#222224;position:relative;margin:0 auto;display:inline-block;border-radius:calc((var(--screen-height) / var(--border-radius)) * 1%) / calc((var(--screen-width) / var(--border-radius)) * 1%);border-bottom-right-radius:0;border-bottom-left-radius:0;padding:1.61% 1.61% 2.574%;width:calc((var(--screen-width) / var(--container-width)) * 100%);box-sizing:content-box;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:0 100%;transform:rotateX(0)}.screen img[data-v-582286bb-s],.screen .slider[data-v-582286bb-s]{--border-radius: 94;aspect-ratio:var(--screen-width) / var(--screen-height);border-radius:calc((var(--screen-height) / var(--border-radius)) * 1%) / calc((var(--screen-width) / var(--border-radius)) * 1%);width:100%}.keyboard[data-v-582286bb]{--border-radius: 3.5;--keyboard-height: 9;width:100%;aspect-ratio:var(--container-width) / var(--keyboard-height);border-radius:calc((var(--keyboard-height) / var(--border-radius)) * 1%) / calc((var(--screen-width) / var(--border-radius)) * 1%);border-top-right-radius:0;border-top-left-radius:0;background:linear-gradient(180deg,#eee,#f6f6f6);position:relative}.keyboard[data-v-582286bb]:before{--height: 4;--width: 43;--border-radius: .0001;content:"";aspect-ratio:var(--width) / var(--height);width:14%;position:absolute;top:0;left:0;right:0;margin:0 auto;opacity:.64;border-radius:calc((var(--height) / var(--border-radius)) * 1%) / calc((var(--width) / var(--border-radius)) * 1%);border-top-right-radius:0;border-top-left-radius:0;background:linear-gradient(0deg,#737375,#b3b2b2)}.phone[data-v-4bbac472]{z-index:2;--border-radius: 48;--screen-width: 240;--screen-height: 480;border-radius:calc((var(--screen-height) / var(--border-radius)) * 1%) / calc((var(--screen-width) / var(--border-radius)) * 1%);padding:3px;display:block;aspect-ratio:var(--screen-width) / var(--screen-height);position:relative;background:#222224;box-sizing:content-box}@supports (-webkit-appearance:none) and (stroke-color:transparent){.phone[data-v-4bbac472]{aspect-ratio:unset}}@media (min-width: 640px){.phone[data-v-4bbac472]{padding:4px}}.phone[data-v-4bbac472]:after{content:"";--bar-height: calc((3 / var(--screen-height)) * 100%);height:var(--bar-height);border-radius:4px;background:#000;width:36%;position:absolute;bottom:calc(var(--bar-height) * 2.4);right:0;left:0;z-index:1;margin:0 auto}.screen[data-v-4bbac472]{width:100%;height:100%}.screen .slider[data-v-4bbac472-s]{--border-radius: 56;aspect-ratio:var(--screen-width) / var(--screen-height);border-radius:calc((var(--screen-height) / var(--border-radius)) * 1%) / calc((var(--screen-width) / var(--border-radius)) * 1%);height:100%;width:100%}.project[data-v-330f6ac5]{display:block;text-decoration:none;overflow:hidden;position:relative}:root .safari_only .project[data-v-330f6ac5]{overflow:visible}.project[data-v-330f6ac5]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;border:solid 4px transparent;transition:border-color .1s ease-in;will-change:border-color;mix-blend-mode:hard-light;border-radius:32px}.project[data-v-330f6ac5]:hover:after{border-color:#fff6}.project:hover .body[data-v-330f6ac5]{opacity:.7}.project:hover .laptop[data-v-330f6ac5]{transform:translate(40%)}.project:hover .phone[data-v-330f6ac5]{transform:translateY(28%)}.project:hover .tags[data-v-330f6ac5]{opacity:0}.project[data-v-330f6ac5]:focus:not(:hover):after{border-color:#000}.project:active .laptop[data-v-330f6ac5]{transition-duration:.5s;transform:translate(36%)}.project:active .phone[data-v-330f6ac5]{transform:translateY(20%)}.project[data-v-330f6ac5]:not(.fluid){width:320px;height:320px}@media (min-width: 768px){.project:not(.fluid).wide[data-v-330f6ac5]{width:calc((320px * 2) + var(--container-padding));height:320px}}@media (min-width: 768px){.project.wide .laptop[data-v-330f6ac5]{transform:translate(-32px) translateZ(0)}.project.wide .phone[data-v-330f6ac5]{transform:translate(-32px) translateY(20%) translateZ(0);transform-origin:top;left:auto;left:initial;margin:0 64px 0 auto}.project.wide:hover .laptop[data-v-330f6ac5]{transform:translate(-32px) translateZ(0) scale(1.1)}.project.wide:hover .phone[data-v-330f6ac5]{transform:translate(-32px) translateY(20%) translateZ(0) scale(1.15)}.project.wide:hover .tags[data-v-330f6ac5]{opacity:.8}.project.wide:active .laptop[data-v-330f6ac5]{transform:translate(-32px) translateZ(0)}.project.wide .body[data-v-330f6ac5]{max-width:50%}.project.wide.device-mobile .inner[data-v-330f6ac5]{align-items:center}@supports (-webkit-appearance:none) and (stroke-color:transparent){.project.wide.device-desktop .body[data-v-330f6ac5]{top:-12px}.project.wide.device-desktop .body .heading[data-v-330f6ac5]{width:100%}.project.wide.device-mobile .body[data-v-330f6ac5]{position:relative}}}.project.red[data-v-330f6ac5]{background:#ff7070}.project.gray[data-v-330f6ac5]{background:#dce5ea}.project.blue[data-v-330f6ac5]{background:#45d1de}.project.orange[data-v-330f6ac5]{background:#ff8a66}.laptop[data-v-330f6ac5]{width:360px;right:0;transform:translate(56%)}.laptop[data-v-330f6ac5] img{aspect-ratio:unset}.laptop[data-v-330f6ac5] .screen{box-shadow:-10px 10px 64px #0006}.phone[data-v-330f6ac5]{width:182px;right:0;left:0;margin:0 auto;top:0;transform:translateY(42%);z-index:0;box-shadow:0 -10px 32px #0006;padding:4px}.phone[data-v-330f6ac5] .screen{background:#fff;border-radius:8%/4%}.phone[data-v-330f6ac5] img{border-radius:8%/4%}.card-project-device[data-v-330f6ac5]{transition:cubic-bezier(.23,1,.32,1) transform .6s;position:absolute}@supports (-webkit-appearance:none) and (stroke-color:transparent){.card-project-device[data-v-330f6ac5]{position:relative}}.body[data-v-330f6ac5]{padding:32px;transition:opacity cubic-bezier(.07,.56,.45,.94) .2s}.project.device-desktop .body[data-v-330f6ac5]{top:-12px}@supports (-webkit-appearance:none) and (stroke-color:transparent){.body .project[data-v-330f6ac5]{position:absolute}.project.device-desktop .body[data-v-330f6ac5]{top:32px;left:0;right:0;position:absolute}.project.device-mobile .body[data-v-330f6ac5]{top:0;left:0;right:0;position:absolute}}.project.device-desktop:not(.wide) .heading[data-v-330f6ac5]{width:64%}.title[data-v-330f6ac5]{color:#222224}.sub-title[data-v-330f6ac5]{color:#00000080;margin-bottom:10px}.inner[data-v-330f6ac5]{display:flex;height:100%}.project.device-desktop .inner[data-v-330f6ac5]{align-items:center}.tags[data-v-330f6ac5]{will-change:opacity;opacity:1;transition:opacity cubic-bezier(.07,.56,.45,.94) .3s;position:relative;z-index:1}.tags[data-v-330f6ac5] .tag{white-space:no-wrap}.tags[data-v-330f6ac5] .tag:after,html.dark .tags[data-v-330f6ac5] .tag:after{background:#ffffff80;box-shadow:none}html.dark .tags[data-v-330f6ac5] .tag{color:#222224}