@import"https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&family=Instrument+Sans:wdth,wght@75..100,400..700&display=swap";html:has(.password-page),html:has(.password-page) :is(body,#root){min-height:0;height:100%;overflow:hidden;overscroll-behavior:none}.password-page{position:fixed;top:var(--password-viewport-top, 0px);right:0;left:0;display:flex;align-items:center;justify-content:center;min-width:var(--site-min-width);min-height:0;height:var(--password-viewport-height, 100dvh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:64px 24px 24px;color:var(--color-main-2);background:var(--color-main-1)}.password-gate{--password-control-rest: rgb(from var(--color-main-2) r g b / .7);display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:32px 8px;width:min(360px,100%);margin:0;translate:max(0px,calc(178px - 50vw)) 0}.password-gate-title{grid-column:1;margin:0;color:var(--color-main-2);text-align:center;text-transform:uppercase}.password-gate-row{grid-column:1 / -1;display:flex;align-items:center;gap:8px;width:100%}.password-gate-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.password-gate-input{width:100%;min-width:0;height:44px;padding:0 52px 0 20px;color:var(--password-control-rest);background:transparent;border:1px solid var(--password-control-rest);border-radius:999px;outline:none;letter-spacing:.2em;transition:border-color .2s ease,opacity .2s ease}.password-gate-field{position:relative;flex:1;min-width:0;height:44px}.password-gate-eye{position:absolute;top:0;right:4px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:var(--password-control-rest);background:transparent;cursor:pointer}.password-gate-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.password-gate-eye:focus-visible{outline:1px solid var(--color-main-2);outline-offset:-6px}.password-gate-field[data-native-reveal] .password-gate-input{padding-right:20px}.password-gate-input:hover{border-color:var(--password-control-rest)}.password-gate-input:focus-visible{border-color:var(--password-control-rest)}.password-gate-input[aria-invalid=true]{border-color:var(--password-control-rest)}.password-gate-input:disabled{opacity:.5}.password-gate-submit{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;color:var(--color-main-1);background:var(--color-main-2);border:1px solid transparent;border-radius:50%;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.password-gate-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.password-gate-submit:hover:not(:disabled) svg{transform:translate(3px)}.password-gate-submit:active:not(:disabled){transform:scale(.92)}.password-gate-submit:focus-visible{outline:1px solid var(--color-main-2);outline-offset:3px}.password-gate-submit:disabled{opacity:.35;cursor:default}.password-gate-submit[aria-busy=true]{cursor:progress}.password-gate-row.has-error :is(.password-gate-input,.password-gate-submit){border-color:var(--password-control-rest)}.password-gate-row.has-error .password-gate-submit{border-color:var(--color-main-2)}.password-gate .password-gate-contact{grid-column:1;justify-self:center;width:max-content;margin:0;font-size:12px;text-align:center;white-space:nowrap}.password-gate-contact a{text-decoration:none;text-underline-offset:3px}.password-gate-contact a:focus-visible{color:var(--color-main-2);text-decoration:underline}@media(hover:hover)and (pointer:fine){.password-gate-contact a:not([data-touch]):hover{color:var(--color-main-2);text-decoration:underline}}@media(any-pointer:coarse){.password-page .password-gate-input{font-size:16px}}@media(max-width:719.98px){.password-gate{translate:none}.password-gate-title,.password-gate .password-gate-contact{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.password-gate-input,.password-gate-submit,.password-gate-submit svg{transition:none}.password-gate-submit:hover:not(:disabled) svg,.password-gate-submit:active:not(:disabled){transform:none}}:root{--color-main-1: #030303;--color-main-2: #ececec;--description-text-opacity: .7;--description-text-color: rgb(from var(--color-main-2) r g b / var(--description-text-opacity));--project-tag-font-size: 12px;--project-border-width: 1px;--project-border-gradient: linear-gradient( 150deg, rgb(from var(--color-main-2) r g b / .3), rgb(from var(--color-main-2) r g b / .1) );--font-body: "Instrument Sans", sans-serif;--font-display: "Figtree", sans-serif;--site-min-width: 320px;--site-layout-height: max(100vh, 667px);--site-layout-dynamic-height: max(100dvh, 667px);font-family:var(--font-body);color:#14110d;background:var(--color-main-1);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=inverted]{--color-main-1: #ececec;--color-main-2: #030303;color-scheme:light}*{box-sizing:border-box}html{min-width:var(--site-min-width);min-height:667px;scroll-behavior:smooth}body{margin:0;min-width:var(--site-min-width);min-height:var(--site-layout-height);background:var(--color-main-1)}#root{min-width:var(--site-min-width);min-height:var(--site-layout-height)}.app-shell,.site-header,.simple-page{min-width:var(--site-min-width)}html.has-small-landscape-viewport,html.has-small-landscape-viewport body,html.has-small-landscape-viewport #root{min-width:0;min-height:0;overflow:hidden}.landscape-size-notice{position:fixed;inset:0;display:grid;place-items:center;padding:min(32px,4vmin);color:var(--color-main-2);background:var(--color-main-1);text-align:center}.landscape-size-notice .description-type-ramp{max-width:560px;margin:0;font-size:14px;color:var(--color-main-2);opacity:1}a{color:inherit}body :is(video,.expanded-media-image-frame):fullscreen,:is(video,.expanded-media-image-frame):fullscreen::backdrop{background:var(--color-main-1)}body :is(video,.expanded-media-image-frame):-webkit-full-screen{background:var(--color-main-1)}.display{font-family:var(--font-display);font-size:48px;font-weight:600;letter-spacing:.06em}.body,.description-type-ramp{font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:.02em;line-height:1.65}.description-type-ramp{font-size:16px}.site-header{position:fixed;z-index:1100;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:320px;height:64px;padding:0 24px;color:var(--color-main-2);background:var(--color-main-1)}.site-brand-controls{display:flex;align-items:center;gap:16px}.site-logo{position:relative;display:block;flex-shrink:0;width:calc(16px * 47 / 56);height:16px}.site-logo:after{position:absolute;inset:-10px -4px;content:""}.site-logo-mark{display:block;width:100%;height:100%;background:var(--color-main-2);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.site-logo:focus-visible{outline:2px solid var(--color-main-2);outline-offset:3px}.theme-toggle{position:relative;width:40px;height:18px;padding:2px;border:1px solid var(--color-main-2);border-radius:999px;background:transparent;cursor:pointer;transition:border-color .22s ease,transform .16s ease}.theme-toggle:before{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--color-main-2);content:"";transition:background-color .22s ease,transform .42s cubic-bezier(.34,1.56,.64,1)}.theme-toggle[aria-pressed=true]:before{transform:translate(22px)}.theme-toggle:hover{transform:scale(1.06)}.theme-toggle:active{transform:scale(.94)}.theme-toggle:focus-visible{outline:2px solid var(--color-main-2);outline-offset:3px}.menu-toggle{display:none}.site-nav{display:flex;align-items:center;gap:24px}.nav-link{position:relative;padding:8px 0;color:var(--color-main-2);text-decoration:none;text-transform:uppercase}.nav-tabs-type-ramp{font-family:var(--font-display);font-size:14px;font-weight:400;font-variation-settings:"wght" 400;line-height:20px;letter-spacing:.06em}.nav-link:before{visibility:hidden;font-weight:800;font-variation-settings:"wght" 800;letter-spacing:.16em;content:attr(data-label)}.nav-link-text{position:absolute;top:50%;left:50%;font-weight:400;font-variation-settings:"wght" 400;letter-spacing:.06em;white-space:nowrap;transform:translate(-50%,-50%);transition:font-variation-settings .22s ease,letter-spacing .22s ease}.nav-link:hover,.nav-link.is-active{color:var(--color-main-2)}.nav-link.is-active .nav-link-text{font-weight:800;font-variation-settings:"wght" 800;letter-spacing:.12em}.nav-link:hover .nav-link-text{font-weight:800;font-variation-settings:"wght" 800;letter-spacing:.16em}.nav-link:active .nav-link-text{letter-spacing:.12em}.desktop-page{--gallery-intro-height: 20px;--gallery-intro-bottom: 36px;--gallery-artboard-height: calc(var(--site-layout-height) - 120px - var(--gallery-intro-height));position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:var(--site-min-width);min-height:var(--site-layout-height);padding:64px 0 24px;overflow:hidden;background:var(--color-main-1)}.work-load-status{min-height:100svh;display:grid;place-items:center;margin:0;padding:80px 24px 24px;color:var(--color-main-2)}.gallery-introduction{position:fixed;z-index:20;bottom:var(--gallery-intro-bottom);left:50%;order:1;flex:none;width:min(640px,calc(100% - 96px));margin:0;color:var(--color-main-2);text-align:center;text-transform:uppercase;transform:translate(-50%);pointer-events:none;opacity:1;transition:opacity .22s ease}.desktop-page:has(.media-slot.is-hovered) .gallery-introduction{opacity:.2}body.has-detail-page-open .gallery-introduction{visibility:hidden}.artboard{--camera-x: 0deg;--camera-y: 0deg;--camera-z: 0deg;--hover-z: -90px;position:relative;width:max(320px,min(100vw,calc(var(--gallery-artboard-height) * 1.3333)));aspect-ratio:4 / 3;flex:none;overflow:visible;background:var(--color-main-1);cursor:grab;perspective:1200px;touch-action:none;user-select:none;-webkit-user-select:none}.artboard.is-camera-dragging,.artboard.is-camera-dragging .media-slot{cursor:grabbing}.camera-stage{position:absolute;inset:4px 0 -4px;pointer-events:none;transform:rotateX(var(--camera-y)) rotateY(var(--camera-x)) rotate(var(--camera-z));transform-style:preserve-3d;transition:transform .16s cubic-bezier(.2,.7,.2,1);will-change:transform}.artboard.is-gyro-active .camera-stage{transition-duration:.24s}.camera-stage:after{position:absolute;z-index:9;inset:-10%;background:rgb(from var(--color-main-1) r g b / .85);content:"";opacity:0;pointer-events:none;transform:translateZ(calc(var(--hover-z) - 1px));transition:opacity .5s ease}.camera-stage:has(.media-slot.is-hovered):after,.camera-stage:has(.media-slot:focus-visible):after{opacity:1}.media-slot{--layer-z: 0;--hover-scale: 1.2;--drift-x: 8px;--drift-y: 6px;--drift-duration: 9s;--drift-delay: -3s;position:absolute;overflow:visible;pointer-events:auto;border:0;border-radius:0;background:var(--color-main-1);scale:1;transform:translateZ(var(--layer-z));transition:filter .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),scale .12s cubic-bezier(.2,0,0,1),width .8s cubic-bezier(.16,1,.3,1),left .8s cubic-bezier(.16,1,.3,1),top .8s cubic-bezier(.16,1,.3,1);animation:ambient-drift var(--drift-duration) linear var(--drift-delay) infinite;will-change:transform,translate,width,left,top}.media-slot.is-clickable{cursor:pointer}a.media-slot[href],a.media-slot[href] *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.media-slot.is-clickable:active{scale:.96}.media-slot.is-clickable:focus-visible{outline:2px solid rgb(from var(--color-main-2) r g b / .9);outline-offset:4px}.media-slot:nth-child(2n){--drift-x: -6px;--drift-y: 8px}.media-slot:nth-child(3n){--drift-x: 5px;--drift-y: -8px;--drift-duration: 11s}.media-slot:nth-child(4n){--drift-x: -8px;--drift-y: -5px;--drift-duration: 13s}.media-slot:nth-child(5n){--drift-x: 6px;--drift-y: 3px;--drift-duration: 10s}.media-slot:nth-child(3n+1){--drift-delay: -7s}.media-slot:nth-child(3n+2){--drift-delay: -11s}@keyframes ambient-drift{0%,to{translate:calc(var(--drift-x) * -1) calc(var(--drift-y) * -1)}30%{translate:var(--drift-x) calc(var(--drift-y) * -.3)}65%{translate:calc(var(--drift-x) * -.4) var(--drift-y)}}.media-slot.is-hovered{z-index:10;top:var(--hover-top);left:var(--hover-left);width:var(--hover-width);animation-play-state:paused;filter:none;opacity:1;box-shadow:0 0 24px rgb(from var(--color-main-1) r g b / .85);transform:translateZ(var(--hover-z));transition:filter .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),transform .1s cubic-bezier(.2,0,0,1),scale .12s cubic-bezier(.2,0,0,1),width .8s cubic-bezier(.16,1,.3,1),left .8s cubic-bezier(.16,1,.3,1),top .8s cubic-bezier(.16,1,.3,1)}.camera-stage:has(.media-slot.is-hovered) .media-slot{animation-play-state:paused}.media-slot img,.media-slot video{display:block;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;-webkit-user-drag:none}.media-visual{width:100%;height:100%;overflow:hidden;background:inherit}.media-visual[data-pixel-reveal]{mask-image:var(--collage-reveal-mask);-webkit-mask-image:var(--collage-reveal-mask);mask-size:600% 600%;-webkit-mask-size:600% 600%;mask-position:var(--collage-reveal-position, 0% 0%);-webkit-mask-position:var(--collage-reveal-position, 0% 0%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}@media(prefers-reduced-motion:reduce){.media-visual[data-pixel-reveal]{mask-image:none;-webkit-mask-image:none}}.media-visual.has-hover-video,.media-visual.has-external-link{position:relative}.external-project-notice{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:16px;background:rgb(from var(--color-main-1) r g b / .5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-main-2);font-family:var(--font-display);font-size:14px;font-weight:400;line-height:1.4;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.media-slot.is-hovered .external-project-notice{opacity:1}.media-slot.is-external-link-rest,.media-slot.is-external-link-rest .external-project-notice{transition:none}.media-slot:is(.slot-c,.slot-p).is-hovered .media-visual:after{content:"";position:absolute;inset:0;border:var(--project-border-width) solid transparent;border-image:var(--project-border-gradient) 1;pointer-events:none}.media-visual.has-hover-video>:is(.media-hover-rest,.media-hover-video){position:absolute;inset:0;transition:opacity .5s ease}.media-hover-rest{opacity:1}.media-hover-video,.media-slot.is-hovered.is-hover-video-ready .media-hover-rest{opacity:0}.media-slot.is-hovered.is-hover-video-ready .media-hover-video{opacity:1}.project-tags{position:fixed;z-index:200;display:flex;flex-wrap:wrap;gap:8px;overflow:visible;pointer-events:none;transform-origin:top left}.project-tags,.external-project-message{animation:project-tags-grow .8s cubic-bezier(.16,1,.3,1) both}.external-project-message{display:block;transform-origin:center}.project-tag{padding:8px 12px;border:var(--project-border-width) solid transparent;border-radius:999px;box-shadow:0 0 24px rgb(from var(--color-main-1) r g b / .8);background:linear-gradient(var(--color-main-1),var(--color-main-1)) padding-box,var(--project-border-gradient) border-box}.project-tag,.image-fullscreen-cursor-label{color:var(--color-main-2);font-family:var(--font-display);font-size:var(--project-tag-font-size);font-weight:300;line-height:1;letter-spacing:.06em;white-space:nowrap}.image-fullscreen-cursor{position:fixed;top:0;left:0;z-index:4000;pointer-events:none}.image-fullscreen-cursor-label{display:block;transform:translate(-50%);color:#fff;font-weight:700;letter-spacing:.14em;text-shadow:0 0 12px rgb(0 0 0 / .8)}.image-fullscreen-cursor[data-cursor-hint=back] .image-fullscreen-cursor-label{color:var(--color-main-2);text-shadow:none}.detail-cursor-word,.detail-cursor-letter{display:inline-block;white-space:pre}@keyframes project-tags-grow{0%{opacity:0;scale:.82}37.5%{opacity:0}to{opacity:1;scale:1}}.project-tag-primary{color:var(--color-main-2)}.detail-page-dialog{position:absolute;inset:0;outline:none}.detail-page-transition-backdrop{--detail-nav-height: 64px;position:fixed;z-index:1000;inset:0;min-width:var(--site-min-width);display:flex;align-items:flex-start;justify-content:center;padding:0;padding-top:var(--detail-nav-height);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:rgb(from var(--color-main-1) r g b / .9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:center;animation:backdrop-in .3s ease-out both,details-page-transition_in .8s cubic-bezier(.19,1,.22,1) both}.detail-page-transition-backdrop::-webkit-scrollbar{display:none}.detail-page-transition-content{position:relative;z-index:0;width:100%;flex:none;margin-block:0}.detail-page-transition-backdrop.is-closing{pointer-events:none;animation:backdrop-out .1s cubic-bezier(.42,0,1,1) both,details-page-transition_out .3s cubic-bezier(.42,0,1,1) both}.detail-page-glass-band{position:fixed;z-index:1001;bottom:0;left:0;display:block;width:100vw;height:70px;pointer-events:none;background:transparent;animation:backdrop-in .3s ease-out both}.detail-page-glass-band.is-closing{animation:backdrop-out .1s cubic-bezier(.42,0,1,1) both}.detail-page-scrollbar{position:fixed;z-index:1200;top:64px;right:0;bottom:0;width:12px;touch-action:none;background:transparent}.detail-page-scrollbar-thumb{position:absolute;top:0;right:4px;width:4px;min-height:36px;border-radius:999px;background:rgb(from var(--color-main-2) r g b / .48);transition:background-color .16s ease}.detail-page-scrollbar:hover .detail-page-scrollbar-thumb{background:rgb(from var(--color-main-2) r g b / .78)}.expanded-media{--detail-content-padding: 80px;--expanded-media-spacing: 36px;container-type:inline-size;display:flex;flex-direction:column;width:100%;max-width:1920px;padding-bottom:70px;color:var(--color-main-2);background:transparent}.expanded-media-stream{display:flex;flex-direction:column;width:100%;margin-top:var(--expanded-media-spacing);padding-inline:var(--detail-content-padding);gap:16px}.expanded-media-stream:is([data-detail-slug=xbox-app-redesign],[data-detail-slug=xbox-navigation-system]){--expanded-image-border-width: .3px;--expanded-image-border-radius: 0px;gap:56px}.expanded-media-stream[data-detail-slug=xbox-copilot-ideation]{--expanded-image-border-width: .3px;--expanded-image-border-radius: 0px}.expanded-media-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;border-radius:0;background:transparent}.expanded-media-visual.is-media-pair{--expanded-media-pair-gap: 16px}.expanded-media-visual>:is(video,.expanded-media-video-frame,.expanded-media-image-frame,.expanded-media-image-group){position:relative;width:100%;height:auto}.expanded-media-visual>video,.expanded-media-video-frame video,.expanded-media-image-frame img,.expanded-media-image-group :is(video,img){border:0;border-radius:0;background:var(--color-main-1)}.expanded-media-video-frame{position:relative;width:100%;min-width:0}.expanded-media-video-frame video{display:block;width:100%;height:auto;object-fit:contain}.expanded-media-video-frame.is-bordered video{border:var(--expanded-image-border-width, .5px) solid rgb(255 255 255 / .1);border-radius:0}.expanded-video-feedback{position:absolute;inset:12px 12px auto;pointer-events:none}.expanded-video-feedback-message{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;color:var(--color-main-2);background:color-mix(in srgb,var(--color-main-1) 90%,transparent);font:inherit;font-size:12px;line-height:1.5}.expanded-video-feedback button{padding:2px 4px;border:0;color:inherit;background:transparent;font:inherit;text-decoration:underline;cursor:pointer;pointer-events:auto}.expanded-media-image-frame{position:relative;width:100%;height:auto}.expanded-media-image-frame:not(.is-grouped):not(:fullscreen):not(.is-css-fullscreen).is-ready{width:100%;height:auto}.expanded-media-image-frame img{display:block;width:100%;height:100%;object-fit:contain}.expanded-media-image-frame.is-bordered img{border:var(--expanded-image-border-width, .5px) solid rgb(255 255 255 / .1);border-radius:var(--expanded-image-border-radius, 24px)}.expanded-media-captioned-image{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.expanded-media-image-caption{color:var(--color-main-2);text-align:left}.expanded-media-table-heading{margin:0 0 8px;color:var(--color-main-2);font-size:16px;font-weight:600;font-variation-settings:"wght" 600;line-height:24px;text-align:left;text-transform:uppercase}@media(max-width:959.98px){.expanded-media-table-heading{margin-bottom:6px;font-size:14px;line-height:16px}}@media(min-width:1440px){.expanded-media-table-heading{margin-bottom:12px;font-size:20px;line-height:28px}}.navigation-specifications{position:relative;width:100%;min-width:0}.navigation-specifications-scroll{--navigation-table-background: rgb(from var(--color-main-2) r g b / .05);--navigation-table-border: rgb(from var(--color-main-2) r g b / .1);--navigation-table-fade-width: 48px;--navigation-table-heading: var(--color-main-2);--navigation-table-text: var(--description-text-color);--table-mask-left: #000;--table-mask-right: #000;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border:var(--expanded-image-border-width, .5px) solid var(--navigation-table-border);border-radius:0;background:var(--navigation-table-background);scrollbar-width:none;mask-image:linear-gradient(to right,var(--table-mask-left) 0,#000 var(--navigation-table-fade-width),#000 calc(100% - var(--navigation-table-fade-width)),var(--table-mask-right) 100%);-webkit-mask-image:linear-gradient(to right,var(--table-mask-left) 0,#000 var(--navigation-table-fade-width),#000 calc(100% - var(--navigation-table-fade-width)),var(--table-mask-right) 100%)}.navigation-specifications-scroll.has-more-left{--table-mask-left: transparent}@media(hover:hover)and (pointer:fine){.navigation-specifications-scroll.has-horizontal-overflow{cursor:grab}}.navigation-specifications-scroll.is-content-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.navigation-specifications-scroll.has-more-right{--table-mask-right: transparent}.navigation-specifications-scroll::-webkit-scrollbar{display:none}.navigation-specifications-scrollbar{position:absolute;z-index:2;left:8px;right:8px;bottom:1px;height:12px;touch-action:none;cursor:pointer}.navigation-specifications-scrollbar-thumb{position:absolute;top:4px;left:0;height:4px;min-width:32px;border-radius:999px;background:rgb(from var(--color-main-2) r g b / .48);transition:background-color .16s ease}.navigation-specifications-scrollbar:hover .navigation-specifications-scrollbar-thumb{background:rgb(from var(--color-main-2) r g b / .78)}.navigation-specifications-scrollbar:focus-visible{outline:1px solid rgb(from var(--color-main-2) r g b / .48);outline-offset:1px}.navigation-specifications-scroll:focus-visible{outline:1px solid rgb(255 255 255 / .3);outline-offset:2px}.navigation-specifications-table{width:100%;min-width:840px;table-layout:fixed;border-collapse:separate;border-spacing:0;border:0;background:transparent;text-align:left;font-family:var(--font-display)}.navigation-specifications-table :is(th,td){border-right:var(--expanded-image-border-width, .5px) solid var(--navigation-table-border);vertical-align:top}.navigation-specifications-table :is(th,td):last-child{border-right:0}.navigation-specifications-table th{padding:14px 14px 8px;color:var(--navigation-table-heading);font-size:11px;font-weight:600;line-height:16px;letter-spacing:.6px;text-transform:uppercase}.navigation-specifications-table td{padding:0 14px 18px;color:var(--navigation-table-text);font-size:11px;font-weight:400;line-height:15px}.expanded-media-stream:is([data-detail-slug=xbox-app-redesign],[data-detail-slug=xbox-navigation-system]) .expanded-media-image-caption{text-align:center;text-transform:uppercase}.expanded-media-stream[data-detail-slug=xbox-navigation-system] .is-matched-height-pair>.expanded-media-image-frame{align-self:end}.expanded-image-fullscreen{position:absolute;right:8px;bottom:8px;z-index:1;display:grid;width:32px;height:32px;padding:7px;border:0;border-radius:999px;color:#fff;background:transparent;cursor:pointer;opacity:0;pointer-events:none;place-items:center;transition:background-color .12s ease,opacity .16s ease}.expanded-image-fullscreen:focus-visible{opacity:1;pointer-events:auto}.expanded-image-fullscreen:hover{background:#000000a6}.expanded-image-fullscreen:focus-visible{background:#000000a6;outline:2px solid white;outline-offset:2px}.expanded-image-fullscreen .cvc-icon{width:100%;height:100%}.expanded-media-image-frame:not(:fullscreen):not(.is-css-fullscreen) img[role=button]{cursor:pointer}.expanded-media-image-frame img[role=button]:focus-visible{outline:2px solid var(--color-main-2);outline-offset:2px}.expanded-media-image-frame:fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;height:100%;max-height:none;background:var(--color-main-1)}.expanded-media-image-frame.is-css-fullscreen{position:fixed;z-index:3000;inset:0;display:flex;align-items:center;justify-content:center;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-main-1);touch-action:manipulation}.expanded-media-image-frame:fullscreen img,.expanded-media-image-frame.is-css-fullscreen img{width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0;background:var(--color-main-1);object-fit:contain;transform:none}.expanded-media-image-frame:fullscreen .expanded-image-fullscreen{right:12px;bottom:12px;opacity:1;pointer-events:auto}.expanded-media-image-frame.is-css-fullscreen .expanded-image-fullscreen{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:1;opacity:1;pointer-events:auto}.expanded-media-image-frame.is-fullscreen-entering:fullscreen img,.expanded-media-image-frame.is-fullscreen-entering.is-css-fullscreen img{animation:fullscreen-image-enter .4s cubic-bezier(.16,1,.3,1)}@keyframes fullscreen-image-enter{0%{scale:.95}to{scale:1}}.expanded-media-visual>.expanded-media-image-group{display:grid;width:100%;height:auto;gap:var(--expanded-media-pair-gap, 16px);grid-template-columns:minmax(0,1fr)}.expanded-media-image-group.is-pair{width:100%;height:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.expanded-media-image-group.is-wide-image{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.expanded-media-image-group.is-spatial-pair{grid-template-columns:minmax(0,81fr) minmax(0,256fr)}.expanded-media-image-group.is-spatial-pair>:is(video,.expanded-media-video-frame),.expanded-media-image-group.is-spatial-pair>.expanded-media-video-frame video{height:100%;align-self:stretch}.expanded-media-image-group.is-fountain-pair{width:100%;height:auto;grid-template-columns:minmax(0,.9653fr) minmax(0,1fr)}.expanded-media-image-group :is(video,.expanded-media-video-frame,.expanded-media-image-frame){display:block;width:100%;min-width:0;height:auto;align-self:center;justify-self:center;object-fit:contain}.expanded-media-copy{flex:none;align-self:center;width:calc(100% - var(--detail-content-padding) - var(--detail-content-padding));margin-top:48px;text-align:center}.expanded-media-copy h2,.about-title{margin:0 0 16px;line-height:1.24}.expanded-media-copy p,.description-type-ramp{margin:0;color:var(--description-text-color)}.detail-description{--description-line-limit: 4}.detail-description-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-limit);max-height:calc(var(--description-line-limit) * 1.65em);overflow:hidden}.detail-description.is-expanded .detail-description-text{display:block;-webkit-line-clamp:unset;max-height:none}.detail-description-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto;padding:0;border:0;background:transparent;color:var(--description-text-color);cursor:pointer}.detail-description-toggle svg{transition:transform .16s ease}.detail-description.is-expanded .detail-description-toggle svg{transform:rotate(180deg)}.detail-description-toggle:hover{color:var(--color-main-2)}.detail-description-toggle:active{opacity:.5}.detail-description-toggle:focus-visible{outline:1px solid var(--color-main-2);outline-offset:2px}@media(max-width:959.98px){.detail-description{--description-line-limit: 2}}@media(prefers-reduced-motion:reduce){.detail-description-toggle svg{transition:none}}@keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-out{to{opacity:0}}@keyframes details-page-transition_in{0%{transform:scale(.5)}}@keyframes details-page-transition_out{to{transform:scale(.5)}}.slot-label{display:grid;place-content:center;width:100%;height:100%;border:1px solid rgb(from var(--color-main-2) r g b / .16);color:#14110d;text-align:center}.slot-label span{font-family:var(--font-display);font-size:clamp(22px,2vw,34px)}.slot-label small{margin-top:2px;font-size:10px;letter-spacing:0}.layer-1{--layer-z: -110px;z-index:3;background:var(--color-main-1);box-shadow:0 0 24px rgb(from var(--color-main-1) r g b / .6)}.layer-2{--layer-z: -160px;z-index:2;background:var(--color-main-1);box-shadow:0 0 24px rgb(from var(--color-main-1) r g b / .6);filter:saturate(.8);opacity:1}.layer-3{--layer-z: -210px;z-index:1;background:var(--color-main-1);box-shadow:0 0 24px rgb(from var(--color-main-1) r g b / .6);filter:saturate(.6);opacity:1}.slot-a{--hover-scale: 1.37;top:10.7%;left:calc(3.8% + 20px);width:16.3%;aspect-ratio:16 / 9}.slot-b{--hover-scale: 1.938;top:calc(42% + 16px);left:calc(6.7% - 8px);width:9.1%;aspect-ratio:1}.slot-b>.media-visual>:is(img,video){object-position:min(0px,calc(50% + 34px)) 50%}.slot-c{--hover-scale: 1.423;top:20.2%;left:22.5%;width:12.4%;aspect-ratio:1}.slot-d{--hover-scale: 1.22;top:calc(54.4% + 16px);left:18.2%;width:18.3%;aspect-ratio:16 / 9}.slot-e{--hover-scale: 1.2;top:21.1%;left:calc(46.2% + 8px);width:14.7%;aspect-ratio:1}.slot-f{--hover-scale: 1.305;top:calc(56.2% + 16px);left:calc(56.1% + 8px);width:17.1%;aspect-ratio:16 / 9}.slot-g{display:none;--hover-scale: 2.146;top:calc(33.4% + 8px);left:83.9%;width:10.4%;aspect-ratio:16 / 9}.slot-h{--hover-scale: 1.2;top:3%;left:calc(29.6% + 16px);width:18.6%;aspect-ratio:16 / 9}.slot-i{--hover-scale: 1.729;top:calc(44.5% + 8px);left:40%;width:10.2%;aspect-ratio:1}.slot-j{--hover-scale: 1.664;top:calc(5.8% + 56px);left:calc(80.1% + 16px);width:10.6%;aspect-ratio:1}.slot-k{--hover-scale: 2.188;top:57.9%;left:calc(82% + 32px);width:6.8%;aspect-ratio:2 / 3}.slot-l{--hover-scale: 2.067;top:calc(72.3% + 16px);left:47.4%;width:10.8%;aspect-ratio:16 / 9}.slot-m{--hover-scale: 1.771;top:calc(71.7% + 46px);left:calc(9.4% - 20px);width:12.6%;aspect-ratio:16 / 9}.slot-n{--hover-scale: 1.2;top:calc(23.694% + 12px);left:calc(66.472% + 8px);width:11.656%;aspect-ratio:2 / 3}.slot-o{--hover-scale: 1.982;top:calc(68.9% + 48px);left:calc(70.3% + 32px);width:8.9%;aspect-ratio:1}.slot-p{--hover-scale: 1.6;top:5.875%;left:calc(61.694% - 12px);width:12.6%;aspect-ratio:16 / 9}@media(max-width:1439px){.slot-a{top:7.1435%;left:4.2442%;width:19.35665424%}.slot-b{top:47.3333%;left:8.0324%;width:10.80647568%}.slot-c{top:22.5695%;left:21.6111%;width:14.72530752%}.slot-d{top:58.5479%;left:18.1991%;width:21.73170384%}.slot-e{top:17.2469%;left:43.088%;width:17.45661456%}.slot-f{top:57.3843%;left:56.9884%;width:20.30667408%}.slot-g{top:34.5849%;left:80.7883%;width:12.35025792%}.slot-h{top:1.8148%;left:31.3773%;width:22.08796128%}.slot-i{top:47.463%;left:38.2222%;width:12.11275296%}.slot-j{top:calc(5.7994% + 56px);left:calc(82.7662% - 8px);width:12.58776288%}.slot-k{top:56.7145%;left:86.4444%;width:8.07516864%}.slot-l{top:75.855%;left:47.3993%;width:12.82526784%}.slot-m{top:74.9584%;left:7.1771%;width:14.96281248%}.slot-n{top:24.2855%;left:65.5822%;width:13.8417890688%}.slot-o{top:70.6775%;left:73.8553%;width:10.56897072%}.slot-p{top:5.8688%;left:calc(61.0278% - 12px);width:14.96281248%}}.simple-page{min-height:var(--site-layout-height);padding:clamp(150px,20vh,230px) clamp(20px,9vw,140px) 80px}.simple-page .eyebrow{margin:0 0 22px;font-size:11px;text-transform:uppercase}.simple-page:not(.about-page) h1{margin:0;font-family:var(--font-display);font-size:clamp(68px,14vw,210px);font-weight:400;line-height:.82}.simple-page>p:last-child{margin-top:46px;color:#534f4a}@media(max-width:959.98px){.detail-page-transition-backdrop{--detail-nav-height: 64px}.site-brand-controls{gap:8px}.detail-page-scrollbar{top:64px}.display{font-size:36px}.body,.description-type-ramp{font-size:12px}.site-header{height:64px}.site-nav{gap:16px}.artboard{top:-32px;width:max(320px,min(100vw,calc(var(--gallery-artboard-height) * .5625)));aspect-ratio:9 / 16}.slot-a{top:6.9%;left:15.3%;width:27.8%}.slot-b{top:41.5%;left:15.3%;width:15.3%}.slot-c{top:23.622%;left:19.1%;width:21%}.slot-d{top:61.3%;left:13.005%;width:22.8906%}.slot-e{top:35.9%;left:46.1%;width:25%}.slot-f{top:73.036%;left:23.852%;width:26.01%}.slot-g{top:67.624%;left:66.252%;width:17.6%}.slot-h{top:16%;left:46.5%;width:31.6%}.slot-i{top:57.3%;left:43.3%;width:18.1%}.slot-j{top:29.1%;left:65.6%;width:17.4%}.slot-k{top:71.631%;left:57.235%;width:11.7%}.slot-l{top:85.182%;left:33.694%;width:18.9%}.slot-m{top:47.8%;left:27.4%;width:21.6%}.slot-n{top:48.353%;left:69.465%;width:19.08%}.slot-o{top:81.715%;left:71.837%;width:14.9%}.slot-p{top:8.678%;left:65.4%;width:21%}.project-tags{max-height:52px}.project-tag{padding:5px 9px;font-size:var(--project-tag-font-size)}.expanded-media{--detail-content-padding: 48px;--expanded-media-spacing: 24px;width:100%}.expanded-media-copy{margin-top:32px}}@media(max-width:719.98px){.desktop-page{--gallery-intro-height: 40px;--gallery-intro-bottom: 32px}.expanded-media-stream:is([data-detail-slug=xbox-app-redesign],[data-detail-slug=xbox-navigation-system]){--expanded-image-border-width: .5px}.expanded-media-stream[data-detail-slug=xbox-copilot-ideation]{--expanded-image-border-width: .5px}.menu-toggle{position:relative;display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;background:transparent;color:var(--color-main-2);cursor:pointer}.menu-toggle-icon,.menu-toggle-icon:before,.menu-toggle-icon:after{width:20px;height:1px;background:currentColor;transition:transform .22s ease,opacity .16s ease}.menu-toggle-icon{position:relative}.menu-toggle-icon:before,.menu-toggle-icon:after{position:absolute;left:0;content:""}.menu-toggle-icon:before{transform:translateY(-6px)}.menu-toggle-icon:after{transform:translateY(6px)}.menu-toggle.is-open .menu-toggle-icon{background:transparent}.menu-toggle.is-open .menu-toggle-icon:before{transform:rotate(45deg)}.menu-toggle.is-open .menu-toggle-icon:after{transform:rotate(-45deg)}.menu-toggle:focus-visible{outline:2px solid var(--color-main-2);outline-offset:2px}.site-nav{position:fixed;z-index:1090;inset:64px 0 0;flex-direction:column;justify-content:center;gap:32px;visibility:hidden;background:rgb(from var(--color-main-1) r g b / .9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:scale(.98);transition:visibility 0s linear .24s,opacity .24s ease,transform .24s ease}.site-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:scale(1);transition-delay:0s}.expanded-media{--detail-content-padding: 24px}}@media(min-width:720px)and (max-width:959.98px){.body,.description-type-ramp{font-size:14px}.expanded-media-stream:is([data-detail-slug=xbox-app-redesign],[data-detail-slug=xbox-navigation-system]){gap:64px}}@media(min-width:960px){.desktop-page{--gallery-intro-bottom: 48px}.expanded-media-stream:is([data-detail-slug=xbox-app-redesign],[data-detail-slug=xbox-navigation-system]){gap:80px}.expanded-media-copy h2,.expanded-media-copy p{max-width:960px;margin-right:auto;margin-left:auto}}@media(min-width:960px)and (max-width:1439px){.expanded-media-copy h2,.about-title{margin-bottom:20px}.project-tags{max-height:60px}.project-tag{padding:6px 10px}}@media(min-width:1440px){.desktop-page{--gallery-intro-bottom: 64px}.expanded-media-stream:is([data-detail-slug=xbox-app-redesign],[data-detail-slug=xbox-navigation-system]){gap:120px}.site-nav{gap:32px}.display{font-size:64px}.expanded-media-copy h2,.about-title{margin-bottom:24px}.project-tag{padding:7px 11px}.project-tags{max-height:64px}.artboard{width:min(100vw,calc(var(--gallery-artboard-height) * 2.1393));aspect-ratio:1536 / 718}.expanded-media{--detail-content-padding: 160px;--expanded-media-spacing: 48px;width:100%}.expanded-media-copy{margin-top:64px}.expanded-media-copy h2,.expanded-media-copy p{max-width:1200px}}@media not (min-height:667px){.gallery-introduction{position:absolute;top:calc(667px - var(--gallery-intro-bottom));bottom:auto;transform:translate(-50%,-100%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media-slot,.project-tags,.menu-toggle-icon,.menu-toggle-icon:before,.menu-toggle-icon:after,.site-nav,.theme-toggle,.theme-toggle:before,.nav-link-text,.gallery-introduction,.camera-stage,.detail-page-scrollbar-thumb,.navigation-specifications-scrollbar-thumb,.detail-page-transition-content{transition:none}.media-slot{animation:none}.detail-page-transition-backdrop,.detail-page-glass-band,.detail-page-transition-content,.theme-toggle:before,.expanded-media-visual video,.media-visual.has-hover-video>:is(.media-hover-rest,.media-hover-video),.external-project-message,.project-tags{animation:none;transition:none}.camera-stage,.layer-1,.layer-2,.layer-3{transform:none}}.cvc{position:absolute;inset:0;z-index:2;pointer-events:none;font-family:var(--font-display);color:#fff}.cvc.is-visible .cvc-center,.cvc.has-rest-button.is-paused .cvc-center,.cvc.is-bar-visible .cvc-bar{pointer-events:auto}.cvc-icon{display:block;width:100%;height:100%;background:currentColor;mask:center / contain no-repeat;-webkit-mask:center / contain no-repeat}.cvc-center,.cvc-btn{display:grid;place-items:center;padding:0;border:0;color:#fff;background:transparent;cursor:pointer}.cvc-center{position:absolute;top:50%;left:50%;width:clamp(48px,14%,72px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);transition:transform .12s cubic-bezier(.2,0,0,1)}.cvc-center:active,.cvc-center.is-pressed{transform:translate(-50%,-50%) scale(.96)}@media(prefers-reduced-motion:reduce){.cvc-center{transition:none}}.cvc-center:before,.cvc-bar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;transition:opacity .2s ease;pointer-events:none}.cvc-center:before{border:1px solid rgb(255 255 255 / .1)}.cvc-center .cvc-icon{position:relative;width:44%;height:44%;opacity:0;transition:opacity .2s ease}.cvc.is-visible .cvc-center:before,.cvc.is-visible .cvc-center .cvc-icon,.cvc.has-rest-button.is-paused .cvc-center:before,.cvc.has-rest-button.is-paused .cvc-center .cvc-icon{opacity:1}.cvc-bar{position:absolute;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:start;padding:12px;border-radius:12px}.cvc-bar>*{position:relative}.cvc-timeline,.cvc-right .cvc-btn{opacity:0;transition:opacity .2s ease}.cvc.is-bar-visible .cvc-bar:before,.cvc.is-bar-visible .cvc-timeline,.cvc.is-bar-visible .cvc-right .cvc-btn{opacity:1}.cvc-timeline{display:flex;flex-direction:column;gap:4px;min-width:0}.cvc-time{font-size:var(--project-tag-font-size);line-height:1.3;font-variant-numeric:tabular-nums;opacity:var(--description-text-opacity)}.cvc-right{display:flex;align-items:center;gap:4px;margin-top:calc(var(--project-tag-font-size) * 1.3 - 10px)}.cvc-btn{width:28px;height:28px;padding:5px;border-radius:6px}.cvc-center:focus-visible,.cvc-btn:focus-visible,.cvc-range:focus-visible{outline:2px solid #fff;outline-offset:2px}.cvc-range{appearance:none;-webkit-appearance:none;height:16px;margin:0;background:transparent;cursor:pointer;--cvc-fill: 0%}.cvc-range:disabled{cursor:default;opacity:.5}.cvc-seek-track{position:relative;height:4px}.cvc-seek{position:absolute;top:-6px;left:0;width:100%;min-width:0}.cvc-volume-control{position:relative}.cvc-volume-popup{position:absolute;bottom:100%;left:50%;width:40px;padding:12px 8px;border-radius:12px;background:#0009;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.cvc-volume-popup.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.cvc-volume-popup.has-error{box-sizing:border-box;left:auto;right:0;width:min(220px,calc(100vw - 32px));transform:translateY(4px)}.cvc-volume-popup.has-error.is-open{transform:translateY(0)}.cvc-volume-slider{position:relative;width:24px;height:92px;touch-action:none;cursor:pointer}.cvc-volume-rail{position:absolute;left:50%;top:6px;bottom:6px;width:3px;transform:translate(-50%);border-radius:2px;background:#fff6;pointer-events:none}.cvc-volume-error{font-size:12px;line-height:1.4}.cvc-volume-fill{position:absolute;bottom:0;width:100%;height:var(--cvc-level);border-radius:inherit;background:#fff;transition:height .2s ease}.cvc-volume-thumb{position:absolute;left:50%;bottom:var(--cvc-level);width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,50%);transition:bottom .2s ease}.cvc-volume{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;writing-mode:vertical-lr;direction:rtl;touch-action:none;cursor:pointer;pointer-events:none}.cvc-volume-slider:has(.cvc-volume:focus-visible) .cvc-volume-thumb{box-shadow:0 0 0 2px #0009,0 0 0 3px #fff}.cvc-range::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,#fff var(--cvc-fill),rgb(255 255 255 / .4) var(--cvc-fill))}.cvc-range::-moz-range-track{height:2px;background:#fff6}.cvc-range::-moz-range-progress{height:2px;background:#fff}.cvc-range::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:#fff}.cvc-range::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}.cvc-seek::-webkit-slider-runnable-track{height:4px}.cvc-seek::-moz-range-track,.cvc-seek::-moz-range-progress{height:4px}.cvc-seek::-webkit-slider-thumb{width:4px;height:4px;margin-top:0;border-radius:2px}.cvc-seek::-moz-range-thumb{width:4px;height:4px;border-radius:2px}.expanded-media-video-frame.is-css-fullscreen{position:fixed;z-index:3000;inset:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;background:var(--color-main-1)}.expanded-media-video-frame.is-css-fullscreen video,.expanded-media-video-frame:fullscreen video{width:100%;height:100%;max-height:100dvh;object-fit:contain}.expanded-media-video-frame:fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;background:var(--color-main-1)}.expanded-media-video-frame:is(:fullscreen,.is-css-fullscreen) .cvc{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}@media(max-width:1439px){.cvc-bar{border-radius:10px}}@media(max-width:959.98px){:root{--project-tag-font-size: 10px}.cvc-bar{border-radius:10px;padding:10px}}@media(max-width:479.98px){.cvc-bar{left:6px;right:6px;bottom:6px;border-radius:8px;padding:8px}}@media(max-width:719.98px){.cvc-time{display:none}.cvc-bar{left:4px;right:4px;bottom:4px;padding:8px}.cvc-right{margin-top:0}.cvc-timeline{align-self:center}}@media(max-width:719.98px){.cvc-time{display:none}}@media(prefers-reduced-motion:reduce){.cvc-center:before,.cvc-bar:before,.cvc-center .cvc-icon,.cvc-timeline,.cvc-right .cvc-btn,.cvc-volume-popup,.cvc-volume-fill,.cvc-volume-thumb{transition:none}}body:has(.expanded-media-video-frame.is-css-fullscreen) :is(.detail-page-transition-backdrop,.detail-page-transition-content,.detail-page-dialog,.expanded-media,.expanded-media-stream,.expanded-media-visual){transform:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;container-type:normal!important;contain:none!important;will-change:auto!important;perspective:none!important}body:has(.expanded-media-video-frame.is-css-fullscreen) :is(.site-header,.detail-page-glass-band,.detail-page-scrollbar){visibility:hidden}.expanded-media-video-frame.is-css-fullscreen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(any-pointer:coarse){html:has(.about-scroll-surface),body:has(.about-scroll-surface){overflow:hidden}.about-scroll-surface{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;background:var(--color-main-1)}}.simple-page.about-page{--about-content-padding: 80px;--about-section-gap: 80px;--about-top-spacing: 48px;--about-social-icon-size: 36px;--about-contact-gap: 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:32px;width:100%;max-width:1920px;margin:0 auto;padding:calc(64px + var(--about-top-spacing)) var(--about-content-padding) 70px;color:var(--color-main-2)}.about-portrait{--portrait-pixel-size: 24px;--portrait-breakout: 20px;position:relative;min-width:0;margin:0;overflow:visible}.about-portrait-surface{position:relative;background:transparent;transform:perspective(1000px) rotateX(var(--portrait-tilt-x, 0deg)) rotateY(var(--portrait-tilt-y, 0deg));transition:transform .3s ease-out}.about-portrait-loading{position:relative;aspect-ratio:1}.about-portrait-full:not(.is-ready),.about-portrait-loading[data-phase=preview] .about-portrait-preview{visibility:hidden}.about-portrait-preview,.about-portrait-reveal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.about-portrait-preview{image-rendering:pixelated}.about-portrait-reveal{visibility:hidden}.about-portrait-loading[data-phase=revealing] .about-portrait-reveal{visibility:visible}.about-portrait-load-error{position:absolute;bottom:16px;left:16px;padding:8px 12px;color:#fff;background:#000000b3;font-size:12px}.about-portrait[data-tilting=true] .about-portrait-surface{transition-duration:.14s}@media(prefers-reduced-motion:reduce){.about-portrait .about-portrait-surface{transform:none;transition:none}}@media(min-width:1440px){.about-portrait{--portrait-pixel-size: 36px;--portrait-breakout: 24px}}@media(min-width:720px)and (max-width:959.98px){.about-portrait{--portrait-pixel-size: 28px}}@media(max-width:719.98px){.about-portrait{--portrait-pixel-size: 16px;--portrait-breakout: 16px}}.about-portrait-pixels{position:absolute;top:-96px;left:calc(-1*min(96px,var(--about-content-padding)));width:calc(100% + min(96px,var(--about-content-padding))*2);height:calc(100% + 192px);z-index:1;pointer-events:none}@media(prefers-reduced-motion:reduce){.about-portrait-pixels{display:none}}.about-press,.about-tools{grid-column:1 / -1;min-width:0;margin-top:calc(var(--about-section-gap) - 32px)}.about-tools-list{--tool-logo-size: 52px;--tool-logo-gap: 36px;--tool-label-gap: 16px;display:grid;grid-template-columns:repeat(auto-fill,var(--tool-logo-size));align-items:start;justify-content:start;gap:var(--tool-logo-gap);margin:0;padding:8px 0;list-style:none;color:var(--color-main-2)}.about-tools-list li{display:flex;flex-direction:column;align-items:center;gap:var(--tool-label-gap);min-width:0}.about-tool-icon{display:block;width:var(--tool-logo-size);height:var(--tool-logo-size);min-width:0;aspect-ratio:1;color:inherit;text-decoration:none;cursor:pointer;transform:scale(1);transition:transform .16s cubic-bezier(.2,0,0,1)}@media(hover:hover)and (pointer:fine){.about-tool-icon:hover{transform:scale(1.06)}}.about-tool-icon:active{transform:scale(.96)}.about-tool-icon:focus-visible{outline:2px solid var(--color-main-2);outline-offset:4px}@media(prefers-reduced-motion:reduce){.about-tool-icon{transition:none}.about-tool-icon:hover,.about-tool-icon:active{transform:none}}.about-tool-label{color:var(--description-text-color);font-family:var(--font-display);font-size:12px;line-height:16px;text-align:center;white-space:nowrap}.about-tool-adobe-break{display:initial}.about-tools-list img,.about-tools-list svg,.about-tool-mark{display:block;width:100%;height:100%;object-fit:contain}.about-tool-mark{mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.about-tool-adobe-stack{position:relative}.about-tool-adobe-stack:hover,.about-tool-adobe-stack:focus-visible{z-index:1}.about-tool-stack{position:relative;display:block;width:100%;height:100%;pointer-events:none}.about-tool-stack .about-tool-stack-card{position:absolute;inset:12%;width:76%;height:76%;transform-origin:50% 85%;transition:transform .28s cubic-bezier(.2,0,0,1)}.about-tool-stack-card:nth-child(1){z-index:3;transform:translate(-9%,-6%) rotate(-6deg)}.about-tool-stack-card:nth-child(2){z-index:2;transform:translate(3%,2%) rotate(3deg)}.about-tool-stack-card:nth-child(3){z-index:1;transform:translate(14%,9%) rotate(10deg)}@media(hover:hover)and (pointer:fine){.about-tool-adobe-stack:hover .about-tool-stack-card:nth-child(1){transform:translate(-48%,-8%) rotate(-22deg)}.about-tool-adobe-stack:hover .about-tool-stack-card:nth-child(2){transform:translateY(-12%) rotate(0)}.about-tool-adobe-stack:hover .about-tool-stack-card:nth-child(3){transform:translate(48%,-8%) rotate(22deg)}}.about-tool-adobe-stack:focus-visible .about-tool-stack-card:nth-child(1){transform:translate(-48%,-8%) rotate(-22deg)}.about-tool-adobe-stack:focus-visible .about-tool-stack-card:nth-child(2){transform:translateY(-12%) rotate(0)}.about-tool-adobe-stack:focus-visible .about-tool-stack-card:nth-child(3){transform:translate(48%,-8%) rotate(22deg)}@media(prefers-reduced-motion:reduce){.about-tool-stack .about-tool-stack-card{transition:none}}@media(min-width:1440px){.about-tool-adobe-break{display:none}.about-tools-list{--tool-logo-size: 64px;--tool-logo-gap: 48px}}@media(max-width:959.98px){.about-tools-list{--tool-logo-size: 48px;--tool-logo-gap: 32px}.about-tool-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:719.98px){.about-tools-list{--tool-logo-size: 42px;--tool-logo-gap: 24px}}.about-resources{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px 32px;min-width:0;margin-top:calc(var(--about-section-gap) - 32px)}.about-resources a:focus-visible{outline:2px solid var(--color-main-2);outline-offset:4px}.about-resources .nav-link{display:grid;justify-items:start;max-width:100%;min-width:0;padding:0;text-align:left}.about-resources .nav-link:before,.about-resources .nav-link-text{grid-area:1 / 1}.about-resources .nav-link-text{position:static;transform:none;white-space:normal}.about-resources .nav-link:before,.about-resources .nav-link:hover .nav-link-text{letter-spacing:.1em}.about-resources .nav-link:active .nav-link-text{letter-spacing:.08em}.about-resources[data-inline=true] .about-resources-email{justify-items:end;text-align:right}.about-resources[data-inline=true] .about-resources-email .nav-link-text{--email-tracking: .06em;justify-self:end;text-align:right;margin-inline-end:calc(-1 * var(--email-tracking))}.about-resources[data-inline=true] .about-resources-email:hover .nav-link-text{--email-tracking: .1em}.about-resources[data-inline=true] .about-resources-email:active .nav-link-text{--email-tracking: .08em}.about-press-track{--press-fade-width: 120px;position:relative;min-width:0}.about-press-track:before,.about-press-track:after{content:"";position:absolute;top:0;bottom:0;width:var(--press-fade-width);z-index:1;pointer-events:none;opacity:0}.about-press-track:before{left:0;background:linear-gradient(to right,var(--color-main-1),rgb(from var(--color-main-1) r g b / 0))}.about-press-track:after{right:0;background:linear-gradient(to left,var(--color-main-1),rgb(from var(--color-main-1) r g b / 0))}.about-press-track[data-more-left=true]:before,.about-press-track[data-more-right=true]:after{opacity:1}.about-press-list{display:flex;gap:16px;margin:0;padding:8px 0 16px;list-style:none;color:var(--color-main-2);overflow-x:auto;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}.about-press-list[data-dragging=true],.about-press-list[data-dragging=true] a{cursor:grabbing}.about-press-list[data-dragging=true] a{transform:none;scale:1}.about-press-list li{flex:0 0 192px}.about-press:not(.about-worked-with) .about-press-list{--press-visible-tiles: 8;--press-visible-gaps: 112px}.about-press:not(.about-worked-with) .about-press-list li{flex-basis:calc((100% - var(--press-visible-gaps)) / var(--press-visible-tiles))}.about-worked-with .about-press-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible;cursor:default}.about-worked-with .about-press-list li{min-width:0}.about-worked-with .about-press-track:before,.about-worked-with .about-press-track:after{display:none}.about-press-list a{position:relative;display:block;aspect-ratio:1;scale:1;transition:transform .2s ease,scale .12s cubic-bezier(.2,0,0,1)}.about-press-list:not([data-dragging=true]) a[href]:active{scale:.96}.about-worked-with .about-press-list a{cursor:default}.about-logo-pixel-ripple{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}@media(prefers-reduced-motion:reduce){.about-logo-pixel-ripple{display:none}}.about-press-shoutout,.about-press-voyage,.about-logo-apple-music,.about-logo-apple-tv,.about-logo-microsoft{position:relative}.about-press-shoutout:after,.about-press-voyage:after,.about-logo-apple-music:after,.about-logo-apple-tv:after,.about-logo-mtv:after,.about-logo-microsoft:after{content:"";position:absolute;inset:0;background:#ffffff1a;pointer-events:none}.about-press-voyage:after{background:#ffffff0f}.about-logo-apple-music:after{background:#ffffff1a}.about-press-list img{display:block;width:100%;height:100%;object-fit:contain}.about-logo-disney{overflow:hidden}.about-logo-disney img{transform:scale(1.08)}.about-worked-with [aria-label=ASIFA-Hollywood]{background:#fff}.about-worked-with [aria-label=ASIFA-Hollywood] img{padding:10%}.about-press-motionographer img{box-sizing:border-box;padding:12.5%;background:#e5173f}.about-logo-getty{position:relative;background:#1a51b8}.about-logo-getty img{opacity:0}.about-logo-getty:before{content:"";position:absolute;inset:0;pointer-events:none;background:#fff;-webkit-mask:url(/assets/getty-mask-BP2xPnn8.webp) center / contain no-repeat;mask:url(/assets/getty-mask-BP2xPnn8.webp) center / contain no-repeat}.about-press-list::-webkit-scrollbar{display:none}.about-logo-microsoft{background:#000}.about-logo-mtv{position:relative;background:#030303}.about-logo-mtv img{mix-blend-mode:lighten}@media not (min-width:1440px){.about-press:not(.about-worked-with) .about-press-list{--press-visible-tiles: 5.5;--press-visible-gaps: 80px}.about-worked-with .about-press-list{gap:12px}}@media(max-width:959.98px){.about-press:not(.about-worked-with) .about-press-list{--press-visible-tiles: 3.5;--press-visible-gaps: 48px}.about-worked-with .about-press-list{grid-template-columns:repeat(6,minmax(0,1fr))}.about-press-track{--press-fade-width: 100px}.about-press-list li{flex-basis:160px}}@media(max-width:959.98px){.about-worked-with .about-press-list li:nth-child(n+6){order:4}.about-worked-with .about-press-list li:nth-child(n+12){order:7}.about-worked-with .about-press-list li:has([aria-label="New Opera West"]){order:4}.about-worked-with .about-press-list li:has([aria-label="GLAS Animation"]){order:5}.about-worked-with .about-press-list li:has([aria-label=Airtable]){order:6}.about-worked-with .about-press-list li:has([aria-label="21st Century Fox"]),.about-worked-with .about-press-list li:has([aria-label=Disney]){order:6}.about-worked-with .about-press-list li:has([aria-label=MTV]){order:8}.about-worked-with .about-press-list li:has([aria-label="Gates Foundation"]){order:1}.about-worked-with .about-press-list li:has([aria-label="HBO Max"]){order:2}.about-worked-with .about-press-list li:has([aria-label=Hulu]){order:3}}@media(max-width:719.98px){.about-press:not(.about-worked-with) .about-press-list{--press-visible-tiles: 2.5;--press-visible-gaps: 32px}.about-worked-with .about-press-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.about-worked-with .about-press-list li:has([aria-label="Apple TV"]){order:1}.about-worked-with .about-press-list li:has([aria-label="New Opera West"]){order:2}.about-worked-with .about-press-list li:has([aria-label="GLAS Animation"]){order:3}.about-worked-with .about-press-list li:has([aria-label="Gates Foundation"]){order:4}.about-worked-with .about-press-list li:has([aria-label="HBO Max"]){order:5}.about-worked-with .about-press-list li:has([aria-label=Hulu]){order:6}.about-worked-with .about-press-list li:has([aria-label="21st Century Fox"]),.about-worked-with .about-press-list li:has([aria-label=Disney]),.about-worked-with .about-press-list li:has([aria-label=Airtable]),.about-worked-with .about-press-list li:has([aria-label=MTV]){order:7}.about-press-list li{flex-basis:144px}}@media(hover:hover)and (pointer:fine){.about-press-list a:hover{transform:scale(1.06)}}.about-press-list a:focus-visible{outline:2px solid var(--color-main-2);outline-offset:4px}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center}.about-bio{display:flex;flex-direction:column;min-width:0;min-height:0;aspect-ratio:1;color:var(--color-main-2);text-wrap:pretty}.about-copy-scroll{position:relative;flex:1;min-height:0;overflow:hidden}.about-copy-viewport{width:100%;height:100%;padding-right:16px}@media(min-width:960px){.about-copy-scroll{--about-fade-top: 0px;--about-fade-bottom: 0px}.about-copy-scroll[data-scroll-top=true]{--about-fade-top: 100px}.about-copy-scroll[data-scroll-bottom=true]{--about-fade-bottom: 100px}.about-copy-viewport{mask-image:linear-gradient(to bottom,transparent,black var(--about-fade-top),black calc(100% - var(--about-fade-bottom)),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--about-fade-top),black calc(100% - var(--about-fade-bottom)),transparent)}}.about-copy-viewport:focus-visible{outline:2px solid var(--color-main-2);outline-offset:-2px}.about-copy-scrollbar{display:flex;width:12px;padding:0 4.5px;touch-action:none;-webkit-user-select:none;user-select:none}.about-copy-scrollbar-thumb{flex:1;min-height:36px;border-radius:999px;background:rgb(from var(--color-main-2) r g b / .48);transition:background-color .16s ease}.about-copy-scrollbar:hover .about-copy-scrollbar-thumb{background:rgb(from var(--color-main-2) r g b / .78)}.about-title{flex-shrink:0;color:var(--color-main-2)}.about-bio p{margin:0 0 1.2em;color:var(--color-main-2)}.about-bio p:last-of-type{margin:0}.about-contact{display:flex;flex-direction:column;align-items:flex-start;gap:var(--about-contact-gap);margin-top:24px;flex-shrink:0}.about-email{min-width:0;overflow-wrap:anywhere;text-underline-offset:4px}.about-social-links{display:flex;flex-shrink:0;align-items:center;gap:24px}.about-social-links a{display:grid;place-items:center;width:var(--about-social-icon-size);height:var(--about-social-icon-size);padding:0;border-radius:4px;transition:opacity .16s ease}.about-social-links svg{width:100%;height:100%}.about-social-links a:hover{opacity:.7}.about-social-links .about-email-link{position:relative;overflow:visible}.about-social-links .about-email-link:hover{opacity:1}.about-email-link:hover svg{opacity:.7}.about-email-tooltip{box-shadow:none;position:fixed;z-index:4000;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .16s ease,visibility .16s}.about-email-tooltip[data-visible=true]{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.3s}.about-contact a:focus-visible{outline:2px solid var(--color-main-2);outline-offset:4px}@media(prefers-reduced-motion:reduce){.about-press-list a,.about-social-links a,.about-copy-scrollbar-thumb{transition:none}.about-email-tooltip{transition-duration:0s}}@media(prefers-reduced-motion:no-preference){.about-page :is(.about-title,.about-copy-scroll){--about-entrance-delay: .32s}.about-page .about-contact{--about-entrance-delay: .4s}.about-page>.about-worked-with{--about-entrance-delay: .5s;--about-entrance-offset: 80px}.about-page>.about-tools{--about-entrance-delay: .6s;--about-entrance-offset: 80px}.about-page>.about-press:not(.about-worked-with),.about-page>.about-resources{--about-entrance-delay: .7s;--about-entrance-offset: 80px}.about-entrance-waiting :is(.about-title,.about-copy-scroll,.about-contact,.about-press,.about-tools,.about-resources){opacity:0;visibility:hidden;transform:translateY(var(--about-entrance-offset, 40px))}.about-entrance-running :is(.about-title,.about-copy-scroll,.about-contact,.about-press,.about-tools,.about-resources){animation:about-section-rise .6s ease-in-out var(--about-entrance-delay) both}.about-portrait{animation:about-rise .24s cubic-bezier(.16,1,.3,1) both}}@keyframes about-section-rise{0%{opacity:0;visibility:hidden;transform:translateY(var(--about-entrance-offset, 40px))}to{opacity:1;visibility:visible;transform:none}}@keyframes about-rise{0%{opacity:.85;transform:translateY(4px)}to{opacity:1;transform:none}}@media(min-width:1440px){.simple-page.about-page{--about-content-padding: 160px;--about-section-gap: 120px;--about-top-spacing: 64px;--about-social-icon-size: 48px}.about-copy-scroll[data-scroll-top=true]{--about-fade-top: 120px}.about-copy-scroll[data-scroll-bottom=true]{--about-fade-bottom: 120px}}@media(max-width:959.98px){.simple-page.about-page{--about-content-padding: 48px;--about-section-gap: 64px;--about-top-spacing: 32px;--about-social-icon-size: 36px;--about-contact-gap: 24px}}@media(max-width:719.98px){.simple-page.about-page{--about-content-padding: 24px;--about-section-gap: 56px;--about-contact-gap: 20px}}@media(max-width:959.98px){.simple-page.about-page{grid-template-columns:1fr;gap:32px}.about-social-links{gap:16px}.about-bio{aspect-ratio:auto}.about-copy-scroll{flex:none;overflow:visible}.about-copy-viewport{height:auto;padding-right:0;overflow:visible!important}.about-copy-scrollbar{display:none}.about-portrait img{max-height:none}}