@font-face{font-family:Space Mono;src:url(/assets/space-mono-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-light.ttf)format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/space-mono-bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/space-mono-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{--ink:#310785;--paper:#fff;--stage:#c97053;--stage-light:#edce37;--stage-mid:#9f7539;--stage-dark:#75502c}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);text-rendering:geometricprecision;font-family:Space Mono,Courier New,monospace;font-size:21px;line-height:23px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.viewport-frame{background:var(--paper);position:fixed;inset:0;overflow:hidden}.viewport-page{background:var(--paper);transform-origin:50%;width:1728px;height:1117px;position:absolute;top:50%;left:50%;overflow:hidden}.skip-link{z-index:20;color:var(--paper);background:var(--ink);padding:8px 12px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{width:1728px;height:130px;padding-inline:30px;position:relative}.header-nav{width:810px;min-width:810px;height:130px;margin-left:429px;position:relative}.header-link{white-space:nowrap;position:absolute;top:72px;transform:translate(-50%)}.header-link:after,.desktop-about-link:after,.site-footer a:after{content:"";background:currentColor;width:0;height:1px;transition:width .16s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.header-link:hover:after,.desktop-about-link:hover:after,.site-footer a:hover:after,.header-link[aria-current=page]:after,.desktop-about-link[aria-current=page]:after{width:calc(100% - 2ch)}.desktop-about-link{white-space:nowrap;position:absolute;top:72px;left:30px}.desktop-about-link:after{width:calc(100% - 2ch)}.header-link--projects{left:25.5%}.header-link--playground{left:72.5%}.header-link--playground.header-link--disabled{transform:translate(-28%)}.header-link--disabled,.case-study-playground-disabled{cursor:default;flex-direction:row;align-items:center;gap:5px;display:flex}.header-link--disabled:after{display:none}.header-coming-soon,.coming-soon-tag{min-height:17px;color:var(--paper);white-space:nowrap;background:#ff4d00;align-items:center;padding:0 4px;font-size:11px;font-weight:400;line-height:17px;display:inline-flex}.header-link--disabled>span{color:color-mix(in srgb, var(--ink) 34%, var(--paper))}.logo{z-index:1;isolation:isolate;width:189px;height:53px;position:absolute;top:57px;left:50%;transform:translate(-50%)}.logo img{display:block}.logo__character{width:47px;position:absolute}.logo__character--left{height:47px;top:6px;left:0}.logo__character--right{height:53px;top:0;right:0}.logo__wordmark{flex-direction:column;align-items:center;gap:2px;width:75px;display:flex;position:absolute;top:11px;left:57px}.logo__wordmark>img{width:48px;height:16px}.logo__wordmark>span{justify-content:center;align-items:flex-end;width:75px;display:flex}.logo__wordmark>span img:first-child{width:13px;height:15px}.logo__wordmark>span img:last-child{width:60px;height:15px}.portfolio-grid{grid-template-columns:394px 810px 394px;align-items:start;column-gap:35px;width:1668px;height:846px;margin-left:30px;display:grid}.project-column{min-width:0}.column-heading{white-space:nowrap;min-height:27px;margin:0 0 40px;font-size:21px;font-style:italic;font-weight:400;line-height:27px}.project-list{flex-direction:column;gap:40px;display:flex}.project-card h2,.project-card h3,.project-card p{margin:0;font-size:21px;line-height:23px}.project-card{transition:transform .28s cubic-bezier(.22,1,.36,1);display:block;position:relative}.project-card>.coming-soon-tag{margin-bottom:2px}.project-card--coming-soon{color:color-mix(in srgb, var(--ink) 34%, var(--paper))}.project-card--coming-soon .tags li{background:color-mix(in srgb, var(--ink) 34%, var(--paper))}.mobile-project-preview{display:none}.project-card:before{content:"›";opacity:0;font-size:34px;font-weight:700;line-height:23px;transition:opacity .18s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:-3px;left:-34px;transform:translate(-8px)}@media (hover:hover) and (pointer:fine){.project-card:hover{transform:translate(28px)}.project-card:hover:before{opacity:1;transform:translate(0)}.project-card--coming-soon:hover{transform:none}.project-card--coming-soon:hover:before{opacity:0;transform:translate(-8px)}}@media (max-width:680px),(hover:none),(pointer:coarse){.project-card--preview-open .mobile-project-preview{background:var(--paper);width:100%;margin:18px 0 0;animation:.18s ease-out both project-preview-in;display:block;overflow:hidden}.mobile-project-preview img{object-fit:contain;width:100%;height:auto;display:block}}.project-card h2,.project-card h3{font-weight:700}.project-card p{font-weight:400}.tags{flex-wrap:wrap;gap:1px 20px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tags li{min-height:23px;color:var(--paper);background:var(--ink);white-space:nowrap;font-size:16px;font-weight:400;line-height:23px}.ascii-stage{background:var(--stage);width:810px;height:846px;margin:0;position:relative;overflow:hidden}.ascii-stage canvas{width:100%;height:100%;display:block}.hero-video-stage video{object-fit:cover;width:100%;height:100%;display:block}.hero-video-about-link{z-index:2;cursor:pointer;display:block;position:absolute;inset:0}.hero-video-about-link:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}.hero-project-preview{z-index:1;background:var(--paper);object-fit:contain;width:100%;height:100%;animation:.18s ease-out both project-preview-in;display:block;position:absolute;inset:0}.hero-page-preview{z-index:1;background:var(--paper);pointer-events:none;animation:.18s ease-out both project-preview-in;position:absolute;inset:0;overflow:hidden}.hero-page-preview__frame{background:var(--paper);transform-origin:0 0;pointer-events:none;border:0;width:1728px;height:1805px;display:block;transform:scale(.46875)}.cursor-project-preview{z-index:100;aspect-ratio:1620/1692;border:1px solid var(--ink);background:var(--paper);width:180px;box-shadow:8px 8px 0 color-mix(in srgb, var(--ink) 20%, transparent);object-fit:contain;pointer-events:none;animation:.14s ease-out both project-preview-in;display:block;position:fixed}@media (max-width:680px),(hover:none),(pointer:coarse){.cursor-project-preview{display:none}}@keyframes project-preview-in{0%{opacity:0}to{opacity:1}}.intro-line{text-align:center;height:23px;margin:35px 30px 19px;font-size:18px;font-style:italic;line-height:23px}.site-footer{border-top:1px solid var(--ink);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));width:1728px;height:64px;min-height:64px;padding:20px 30px;font-size:18px;line-height:23px;display:grid}.site-footer .footer-link--about{display:none}.site-footer--show-about{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer--show-about .footer-link--about{display:block}.site-footer a{justify-self:center;position:relative}.site-footer a:nth-child(n+2){font-weight:700}.projects-gallery,.playground-gallery{width:1668px;height:846px;margin-left:30px}.projects-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:66px 35px;display:grid}.project-tile{width:100%;min-width:0}.project-tile__meta-row{justify-content:space-between;align-items:flex-end;gap:12px;min-height:23px;margin-bottom:5px;display:flex}.gallery-kicker{min-height:0;margin:0;font-size:18px;font-style:normal;font-weight:700;line-height:23px}.project-tile__cover{aspect-ratio:1274/692;background:var(--paper);width:100%;height:auto;transition:transform .26s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.project-tile__cover img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.project-tile__details{margin-top:10px}.project-tile h2{margin:0;font-size:18px;font-weight:700;line-height:23px}.project-tile__tags{flex-wrap:wrap;gap:1px 12px;margin:6px 0 0;padding:0;list-style:none;display:flex}.project-tile__tags li{min-height:19px;color:var(--ink);white-space:nowrap;background:0 0;font-size:14px;font-weight:400;line-height:19px}.project-tile--coming-soon .gallery-kicker,.project-tile--coming-soon .project-tile__cover,.project-tile--coming-soon h2,.project-tile--coming-soon .project-tile__tags{opacity:.34}.playground-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;column-gap:35px;display:grid}.playground-column{min-width:0}.playground-tile{width:100%;margin:0}.playground-tile+.playground-tile{margin-top:29px}.playground-column:nth-of-type(2) .playground-tile+.playground-tile{margin-top:19px}.playground-column:nth-of-type(2) .playground-tile:nth-child(3){margin-top:26px}.playground-column:nth-of-type(3) .playground-tile+.playground-tile{margin-top:33px}.playground-column:nth-of-type(4) .playground-tile+.playground-tile{margin-top:29px}.playground-tile__art{width:100%;height:var(--tile-height);background:var(--ink);transition:transform .26s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.project-tile:hover .project-tile__cover,.playground-tile:hover .playground-tile__art{transform:translateY(-5px)}.project-tile--coming-soon:hover .project-tile__cover{transform:none}}.case-study-shell{overscroll-behavior:contain;scroll-behavior:smooth;background:var(--paper);scrollbar-color:var(--ink) transparent;scrollbar-width:thin;position:fixed;inset:0;overflow:hidden auto}.case-study-shell::-webkit-scrollbar{width:6px}.case-study-shell::-webkit-scrollbar-thumb{background:var(--ink)}.case-study-layout{grid-template-columns:minmax(0,1274px) minmax(300px,395px);align-items:start;column-gap:32px;width:min(1728px,100%);margin-inline:auto;display:grid}.case-study-main{min-width:0}.case-study-header{--case-header-scale:min(calc(100vw / 1728px), calc(100vh / 1117px));z-index:2;width:1728px;height:130px;position:relative}@media (min-width:1121px){.case-study-header--fixed{transform:translateX(calc((100vw - 1728px * var(--case-header-scale)) / 2)) scale(var(--case-header-scale));transform-origin:0 0}.case-study-header--scaled{--case-header-canvas-scale:min(1, calc(100vw / 1728px));transform:scale(calc(var(--case-header-scale) / var(--case-header-canvas-scale)));transform-origin:top}}.jawalat-hero{aspect-ratio:1285/689;object-fit:cover;width:calc(100% + 11px);height:auto;margin-left:-11px;display:block}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;min-width:0;display:grid}.jawalat-meta,.jawalat-intro,.case-section.case-grid,.board-grid,.case-grid--outcome{padding-inline:30px}.jawalat-meta{margin-top:36px;font-family:Space Grotesk,Arial,sans-serif;font-size:16px;line-height:46px}.jawalat-meta p{margin:0}.jawalat-intro{align-items:start;margin-top:51px}.jawalat-intro h1,.case-copy h2,.case-copy h3{margin:0;font-family:Space Mono,Courier New,monospace;font-weight:700}.jawalat-intro h1,.case-copy h2{font-size:32px;line-height:46px}.jawalat-intro p,.case-copy p,.case-copy li{margin:0;font-family:Space Grotesk,Arial,sans-serif;font-size:21px;line-height:26px}.jawalat-intro p{grid-column:2}.case-section{scroll-margin-top:28px}.case-section.case-grid,.case-section .board-grid,.case-grid--outcome{padding-top:92px;padding-bottom:92px}.jawalat-overview{min-height:1259px}.case-copy h2{margin-bottom:14px}.case-copy h3{margin:24px 0 14px;font-size:21px;line-height:27px}.case-copy p+p{margin-top:22px}.case-copy ol,.case-copy ul{margin:0;padding-left:28px}.case-art{min-width:0;margin:0;overflow:hidden}.case-art img{object-fit:contain;width:100%;height:auto;display:block}.case-art__expand{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.case-art__expand:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.case-art__expand img{transition:transform .22s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.case-art__expand:hover img{transform:scale(1.015)}}.case-lightbox{z-index:100;background:#fffffff5;place-items:center;padding:64px 30px 30px;display:grid;position:fixed;inset:0}.case-lightbox__close{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700;position:absolute;top:22px;right:30px}.case-lightbox__close:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.case-lightbox__viewport{scrollbar-color:var(--ink) transparent;scrollbar-width:thin;width:min(1500px,100%);max-height:calc(100vh - 94px);overflow:auto}.case-lightbox__viewport img{object-fit:contain;width:100%;height:auto;margin:auto;display:block}.case-stack{flex-direction:column;gap:16px;min-width:0;display:flex}.case-stack>.case-art{width:100%}.case-art--span-two{grid-column:2/4}.case-art--span-all{grid-column:1/-1}.concept-visual{min-height:442px;position:relative}.concept-visual--updated{aspect-ratio:368/470;min-height:0;overflow:hidden}.concept-visual img{object-fit:contain;height:auto;display:block;position:absolute}.concept-visual .concept-visual__updated-art{clip-path:inset(0 0 45%);width:100%;inset:0 auto auto 0}.concept-visual__keys{width:40%;top:3px;left:16%}.concept-visual__halo{width:48%;top:0;left:42%}.concept-visual__shoot{aspect-ratio:182/190;width:45%;position:absolute;top:211px;left:27%}.concept-visual__shoot--updated{z-index:2;background:#fff;border:0;outline:0;width:43.5%;top:63.5%;left:28.5%;overflow:hidden}.concept-visual .concept-visual__shoot-video{object-fit:cover;background:#fff;border:0;outline:0;width:106%;height:106%;display:block;position:absolute;inset:-3%}.concept-copy__lead{margin-bottom:22px!important}.references-copy h2{margin-bottom:34px}.references-list,.references-stack{padding-top:127px}.references-list>.case-art{width:80.5%;margin-top:45px;margin-left:11px}.references-stack{width:calc(100% + 20px);margin-left:-8px}.case-video{min-width:0;margin:0;overflow:hidden}.case-video video{object-fit:cover;width:100%;height:auto;display:block}.sketches-grid{align-items:start}.case-section.sketches-grid{padding-right:0}.sketches-grid>.case-copy{grid-area:1/1}.sketches-grid>.case-video{grid-area:1/2;width:calc(100% - 10px);margin-top:73px;margin-left:9px}.sketch-interactions{grid-area:1/3;width:calc(100% + 40px);margin-top:69px;margin-left:-21px}.sketch-assets-composite{aspect-ratio:784/229;grid-area:1/2/auto/4;width:calc(100% - 36px);margin-top:469px;margin-left:9px;position:relative}.sketch-assets-composite>.case-art,.sketch-assets-composite__crop{position:absolute}.sketch-assets-composite>.case-art img{object-fit:contain;width:100%;height:100%}.sketch-assets-composite__black{width:25.128%;height:66.812%;top:33.188%;left:0}.sketch-assets-composite__white{width:23.469%;height:56.769%;top:36.681%;left:24.617%}.sketch-assets-composite__folds{width:20.663%;height:100%;top:0;left:54.082%}.sketch-assets-composite__crop{height:18.777%;overflow:hidden}.sketch-assets-composite__crop img{max-width:none;height:100%;position:absolute;top:0}.sketch-assets-composite__crop--white{width:24.235%;top:2.183%;left:75.765%}.sketch-assets-composite__crop--white img{width:194.29%;left:-.44%}.sketch-assets-composite__crop--brown{width:22.577%;top:31.441%;left:74.745%}.sketch-assets-composite__crop--brown img{width:207.99%;left:-107.52%}.case-minigame-monitor{min-width:0;margin:0;position:relative}.case-minigame-monitor>img{width:100%;height:auto;display:block}.case-minigame-monitor:before{z-index:1;content:"";background:#000;width:72.683%;height:71.429%;position:absolute;top:4.329%;left:13.415%}.case-minigame-monitor>video{z-index:2;object-fit:cover;width:72.317%;height:59.307%;display:block;position:absolute;top:9.74%;left:13.415%}.minigame-assets{flex-direction:column;gap:14px;min-width:0;display:flex}.minigame-assets--left{grid-column:2}.minigame-assets--right{grid-column:3;padding-top:70px}.minigame-assets h3{margin:0 0 4px;font-family:Space Grotesk,Arial,sans-serif;font-size:21px;font-weight:400;line-height:27px}.minigame-assets__detail{align-self:center;width:28%}.case-captioned-art p{margin:10px 0 0;font-family:Space Grotesk,Arial,sans-serif;font-size:16px;line-height:22px}.case-minigame-card{flex-direction:column;gap:22px;min-width:0;display:flex}#minigames{padding-right:0}.minigame-two-video{aspect-ratio:815/376;width:calc(100% - 4px);margin-left:16px}.minigame-two-video video{width:100%;height:100%}.minigame-two-asset{margin-top:46px}.minigame-two-asset--grid{width:calc(100% - 3px);margin-left:3px}.minigame-two-assets-stack{flex-direction:column;width:calc(100% - 5px);min-width:0;margin-left:2px;display:flex}.minigame-two-asset--letters{width:calc(100% - 5px)}.minigame-two-swatches{align-self:flex-start;width:69%;margin-top:56px;margin-left:12.3%}.case-minigame-card--updated{gap:18px;margin-top:92px}.case-minigame-card--updated .case-copy h2{margin-bottom:0}.case-minigame-card--updated .case-copy{padding-left:8px}.case-minigame-card--four>.case-art{width:calc(100% - 3px)}.case-minigame-card--buffer>.case-art{width:calc(100% + 5px)}.case-copy--list>.case-art{margin-top:32px}.case-grid--outcome{padding-bottom:0}.board-grid{padding-top:62px}.outcome-visual--updated{aspect-ratio:2.18;position:relative;overflow:hidden}.outcome-visual--updated img{width:108.5%;max-width:none;position:absolute;top:-18.5%;left:-4%}.board-pair{grid-column:2/4;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;min-width:0;display:grid}.iconography-copy{text-align:right;grid-area:3/1}.board-grid>.case-art--span-two{grid-row:3}@media (min-width:1121px){#board-hud .case-copy h2,#board-hud .case-copy h3{font-size:21px;line-height:27px}}.case-study-index{background:var(--paper);scrollbar-width:none;align-self:start;height:100vh;min-height:720px;padding:40px 0 28px;position:sticky;top:0;overflow:hidden auto}.case-study-index::-webkit-scrollbar{display:none}.case-study-index nav{flex-direction:column;width:100%;display:flex}.case-study-index button{color:#3107852e;border:0;border-bottom:1px solid var(--ink);cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border-radius:0;padding:11px 0 12px;font-size:18px;font-weight:700;line-height:27px;transition:color .22s,padding-left .26s cubic-bezier(.22,1,.36,1)}.case-study-index button:first-child{padding-top:0}:is(.case-study-index button:hover,.case-study-index button:focus-visible){color:#3107859e}.case-study-index button.is-active{color:var(--ink);padding-left:9px}.case-study-index button span,.case-study-index button small{display:block}.case-study-index button small{font-size:18px;font-weight:400;line-height:27px}.case-study-role{padding-top:5px;font-size:16px;line-height:23px}.case-study-role strong{display:block}.case-study-role ul{margin:0;padding-left:22px}.ai-tutor-main{overflow:hidden}.ai-tutor-overview,.ai-tutor-section{box-sizing:border-box;position:relative}.ai-tutor-overview{min-height:1535px}.ai-tutor-grid{box-sizing:border-box;grid-template-columns:repeat(3,395px);column-gap:29px;width:100%;padding-inline:30px;display:grid}.ai-tutor-hero{object-fit:cover;width:1274px;height:692px;display:block;position:absolute;top:107px;left:0}.ai-tutor-meta{font-family:Space Mono,Courier New,monospace;font-size:12px;font-weight:700;line-height:46px;position:absolute;top:837px;left:0}.ai-tutor-meta p{margin:0}.ai-tutor-intro{grid-template-rows:92px auto;align-items:start;row-gap:30px;position:absolute;top:934px;left:0}.ai-tutor-intro h1,.ai-tutor-section h2{margin:0;font-family:Space Mono,Courier New,monospace;font-size:32px;font-weight:700;line-height:46px}.ai-tutor-intro h1{grid-area:1/1}.ai-tutor-intro p,.ai-tutor-section-copy p,.ai-experience-caption{margin:0;font-family:Space Grotesk,Arial,sans-serif;font-size:21px;line-height:26px}.ai-tutor-tags{grid-area:2/1;font-weight:700}.ai-tutor-intro-copy{grid-area:2/2}.ai-tutor-chat{object-fit:contain;grid-area:2/3;width:395px;height:260px;display:block}.ai-tutor-section{width:1274px}.ai-tutor-section-copy{width:395px;position:absolute}.ai-tutor-section-copy strong{font-weight:700}.ai-tutor-section-copy p+p{margin-top:22px}.ai-tutor-section-copy h2{margin-bottom:14px}.ai-tutor-section-copy--left{left:30px}.ai-tutor-section-copy--middle{left:454px}.ai-tutor-opportunity{min-height:509px}.ai-tutor-opportunity .ai-tutor-section-copy--left{top:96px}.ai-tutor-opportunity .ai-tutor-section-copy--middle{top:172px}.ai-tutor-opportunity-phone{object-fit:contain;width:238px;height:487px;position:absolute;top:0;left:957px}.ai-tutor-research{min-height:517px}.ai-tutor-research .ai-tutor-section-copy--left{top:96px}.ai-tutor-research .ai-tutor-section-copy--middle{top:166px}.ai-tutor-research-image{object-fit:contain;width:395px;height:327px;position:absolute;top:119px;left:879px}.ai-tutor-conversation{min-height:727px}.ai-tutor-conversation .ai-tutor-section-copy--left{top:96px}.ai-tutor-conversation .ai-tutor-section-copy--middle{top:202px}.ai-tutor-conversation-image{object-fit:contain;width:395px;height:624px;position:absolute;top:80px;left:879px}.ai-tutor-input{min-height:2194px}.ai-tutor-input>h2{position:absolute;top:96px;left:30px}.ai-tutor-input>img,.ai-tutor-experience>img,.ai-tutor-experience>video,.ai-tutor-social>img,.ai-tutor-social>video{object-fit:contain;display:block;position:absolute}.ai-input-summary-external{width:340px;height:109px;top:408px;left:45px}.ai-input-map-external{width:348px;height:364px;top:408px;left:479px}.ai-input-flow-external{width:306px;height:777px;top:408px;left:911px}.ai-input-stack{width:295px;height:165px;top:1284px;left:54px}.ai-input-map-orcas{width:348px;height:364px;top:1284px;left:455px}.ai-input-flow-orcas{width:367px;height:777px;top:1284px;left:889px}.ai-tutor-experience{min-height:1418px}.ai-experience-intro{top:96px;left:30px}.ai-experience-note{top:133px;left:879px}.ai-experience-phone--one{width:279px;height:605px;top:96px;left:505px}.ai-experience-phone--two{width:279px;height:604px;top:560px;left:89px}.ai-experience-phone--three{width:279px;height:604px;top:560px;left:516px}.ai-experience-phone--four{width:293px;height:604px;top:560px;left:932px}.ai-experience-caption{width:395px;position:absolute;top:1201px}.ai-experience-caption--one{left:30px}.ai-experience-caption--two{left:454px}.ai-experience-caption--three{left:879px}.ai-tutor-social{min-height:1089px}.ai-social-copy{top:96px;left:30px}.ai-social-instagram{width:394px;height:392px;top:96px;left:455px}.ai-social-linkedin{width:392px;height:392px;top:96px;left:883px}.ai-social-prompts{width:819px;height:425px;top:517px;left:455px}.case-study-footer{width:min(1728px,100%);margin-inline:auto}.case-study-footer>p{text-align:center;min-height:39px;margin:0;padding:0 30px 16px;font-size:18px;font-style:italic;line-height:23px}.case-study-footer .site-footer{width:100%}.about-layout{grid-template-columns:394px 395px minmax(0,809px);align-items:start;column-gap:35px;width:1668px;height:846px;margin-left:30px;display:grid}.about-copy{width:366px;margin-top:62px;font-family:Space Grotesk,Arial,sans-serif;font-style:normal;font-weight:400}.about-copy h1{margin:0 0 18px;font-family:Space Mono,Courier New,monospace;font-size:32px;font-weight:700;line-height:46px}.about-copy p{margin:0 0 18px;font-size:21px;line-height:26px}.about-copy strong,.experience-description strong{font-weight:700}.about-photo{background:#d8d8d8;width:395px;height:707px;margin:62px 0 0;position:relative;overflow:hidden}.about-photo:after{content:"";pointer-events:none;background:#00000026;position:absolute;inset:0}.about-photo img{object-fit:cover;width:100%;height:100%;display:block}.timeline-panel{min-width:0;height:707px;margin-top:62px}.timeline-panel>h2{height:46px;margin:0;font-size:32px;font-style:normal;font-weight:700;line-height:46px}.timeline-scroll{overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-color:var(--ink) transparent;scrollbar-width:thin;height:661px;overflow:hidden auto}.timeline-scroll::-webkit-scrollbar{width:5px}.timeline-scroll::-webkit-scrollbar-thumb{background:var(--ink)}.timeline-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.timeline-slide{scroll-snap-align:start;scroll-snap-stop:always;min-height:661px;padding-right:8px}.timeline-slide:not(:first-child){padding-top:21px}.experience-entry{transform-origin:50% 18%;will-change:transform, opacity;grid-template-columns:394px minmax(0,1fr);column-gap:35px;font-style:normal;display:grid}.timeline-slide.is-bouncing .experience-entry{animation:.56s cubic-bezier(.22,1,.36,1) both company-bounce-in}.timeline-slide.is-bouncing .experience-entry:nth-child(2){animation-delay:40ms}.experience-meta{text-align:right}.experience-meta h3{margin:0;font-size:32px;font-weight:700;line-height:46px}.experience-meta p,.experience-description p{margin:0}.experience-period{font-family:Space Mono,Courier New,monospace;font-size:21px;font-style:italic;font-weight:700;line-height:32px}.experience-role,.experience-description{font-family:Space Grotesk,Arial,sans-serif;font-size:21px;line-height:26px}.experience-role{font-weight:300}.experience-description{font-weight:400}.experience-description p+p{margin-top:26px}#timeline-training .experience-entry:first-child .experience-description{padding-top:21px}#timeline-training .experience-entry+.experience-entry{margin-top:88px}#timeline-training .experience-entry+.experience-entry .experience-meta{padding-top:23px}@keyframes company-bounce-in{0%{opacity:.72;transform:translateY(15px)scale(.994)}68%{opacity:1;transform:translateY(-3px)scale(1.002)}to{opacity:1;transform:translateY(0)scale(1)}}.about-closing{text-align:center;height:23px;margin:35px 30px 19px;font-size:18px;font-style:italic;line-height:23px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1120px){html,body,#root{height:auto;min-height:100%;overflow:hidden auto}#root{min-height:100svh}body{font-size:18px;line-height:21px}.viewport-frame{width:100%;min-height:100svh;position:relative;inset:auto;overflow:visible}.viewport-page{width:100%;height:auto;min-height:100svh;position:relative;top:auto;left:auto;overflow:visible;transform:none!important}.site-header,.header-nav{height:122px}.site-header{width:100%;padding-inline:28px}.desktop-about-link{font-size:18px;line-height:25px;left:28px}.header-nav{width:100%;min-width:0;margin-inline:auto}.header-link--projects{left:16%}.header-link--playground{left:77%}.logo{left:50%}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 44px;width:min(920px,100% - 56px);height:auto;margin-inline:auto}.ascii-stage{aspect-ratio:810/846;grid-area:1/1/auto/-1;width:min(100%,810px);height:auto;margin-inline:auto}.project-column--product{grid-area:2/1}.project-column--game{grid-area:2/2}.column-heading{min-height:25px;margin-bottom:32px;font-size:18px;line-height:25px}.project-list{gap:36px}.project-card h2,.project-card h3,.project-card p{font-size:18px;line-height:21px}.tags{gap:2px 12px}.tags li{min-height:20px;font-size:14px;line-height:20px}.intro-line{height:auto;margin:64px 28px 18px;font-size:16px;line-height:21px}.site-footer{width:100%;height:auto;padding:20px 28px;font-size:15px;line-height:20px}.projects-gallery,.playground-gallery{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;width:min(920px,100% - 56px);height:auto;margin-inline:auto}.projects-gallery{row-gap:58px}.project-tile,.project-tile__cover{width:100%}.project-tile__cover{aspect-ratio:1274/692;height:auto}.gallery-kicker,.project-tile h2{font-size:16px;line-height:21px}.project-tile__tags li{font-size:12px;line-height:19px}.playground-gallery{row-gap:52px}.playground-column:nth-of-type(n) .playground-tile+.playground-tile{margin-top:30px}.playground-tile__art{height:auto;aspect-ratio:var(--tile-ratio)}.case-study-layout{flex-direction:column;width:100%;display:flex}.case-study-main{order:2}.case-study-index{z-index:15;border-bottom:1px solid var(--ink);order:1;width:100%;height:auto;min-height:0;padding:0;top:0;overflow:auto hidden}.case-study-index nav{flex-direction:row;width:max-content;min-width:100%}.case-study-index button{border-right:1px solid var(--ink);border-bottom:0;width:auto;min-width:max-content;padding:12px 18px;font-size:15px;line-height:21px}.case-study-index button:first-child{padding-top:12px}.case-study-index button.is-active{color:var(--paper);background:var(--ink);padding-left:18px}.case-study-index button small,.case-study-role{display:none}.jawalat-hero{width:100%;margin-left:0}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.jawalat-meta,.jawalat-intro,.case-section.case-grid,.board-grid,.case-grid--outcome{padding-inline:28px}.jawalat-overview{min-height:auto;padding-bottom:76px}.case-section.case-grid,.case-section .board-grid,.case-grid--outcome{padding-top:76px;padding-bottom:76px}.case-art--span-two,.case-art--span-all{grid-column:1/-1}.sketches-grid>.case-video,.sketch-interactions,.sketch-assets-composite{width:100%;margin-top:0;margin-left:0}.sketches-grid>.case-copy,.sketches-grid>.case-video{grid-area:auto}.sketch-interactions,.sketch-assets-composite{grid-area:auto/1/auto/-1}.sketch-interactions{justify-self:center;width:min(100%,435px)}.board-pair,.iconography-copy{grid-area:auto/1/auto/-1}.board-pair{gap:28px}.iconography-copy{text-align:left}.board-grid>.case-art--span-two{grid-row:auto}.minigame-assets--left{grid-column:1}.minigame-assets--right{grid-column:2}#minigames{padding-right:28px}.minigame-two-video{width:100%;margin-left:0}.minigame-two-asset,.case-minigame-card--updated{width:auto;margin-top:0;margin-left:0}.minigame-two-swatches{margin-top:28px;margin-left:auto;margin-right:auto}.minigame-two-asset--letters,.case-minigame-card--buffer{grid-column:1/-1;justify-self:center;width:calc(50% - 14px)}.case-minigame-card--updated .case-copy{padding-left:0}.case-minigame-card--four>.case-art,.case-minigame-card--buffer>.case-art{width:100%}.references-list,.references-stack{padding-top:0}.references-list>.case-art,.references-stack{width:100%;margin-left:0}.case-section.case-grid>.case-copy:first-child:last-child{grid-column:1/-1}.case-study-footer>p{padding-inline:28px;font-size:16px;line-height:21px}.about-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 44px;width:min(920px,100% - 56px);height:auto;margin-inline:auto}.about-copy{grid-area:1/1;width:100%;margin-top:0}.about-copy h1{margin-bottom:20px;font-size:28px;line-height:38px}.about-copy p{font-size:18px;line-height:24px}.about-photo{aspect-ratio:395/707;grid-area:1/2;width:100%;height:auto;margin:0}.timeline-panel{grid-area:2/1/auto/-1;width:100%;height:640px;margin-top:0}.timeline-panel>h2{font-size:28px;line-height:40px}.timeline-scroll{height:594px}.timeline-slide{min-height:594px}.experience-entry{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);column-gap:36px}.experience-meta h3{font-size:26px;line-height:38px}.experience-period,.experience-role,.experience-description{font-size:18px;line-height:24px}.about-closing{height:auto;margin:64px 28px 18px;font-size:16px;line-height:21px}}@media (max-width:680px){.site-header,.header-nav{height:90px}.site-header{padding-inline:18px}.desktop-about-link{display:none}.logo{transform-origin:50%;top:18px;left:calc(50% - 94.5px);transform:scale(.58)}.header-link{font-size:15px;line-height:20px;top:35px}.header-coming-soon,.coming-soon-tag{min-height:14px;padding-inline:3px;font-size:9px;line-height:14px}.header-link--disabled,.case-study-playground-disabled{flex-direction:column;gap:2px}.header-link--projects{left:16%}.header-link--playground{left:84%}.header-link--playground.header-link--disabled{transform:translate(-50%)}.portfolio-grid{grid-template-columns:1fr;row-gap:58px;width:calc(100% - 36px)}.ascii-stage,.project-column--product,.project-column--game{grid-column:1}.ascii-stage{grid-row:1;width:100%}.project-column--product{grid-row:2}.project-column--game{grid-row:3}.column-heading{margin-bottom:28px}.project-list{gap:42px}.project-card h2,.project-card h3,.project-card p{font-size:17px;line-height:21px}.tags{gap:3px 10px;margin-top:12px}.intro-line{margin:58px 18px 18px;font-size:15px;line-height:21px}.site-footer{grid-template-columns:1fr 1fr;gap:16px 12px;padding:20px 18px 25px;font-size:13px;line-height:18px}.site-footer .footer-link--about{display:block}.projects-gallery,.playground-gallery{grid-template-columns:1fr;width:calc(100% - 36px)}.projects-gallery{row-gap:48px}.playground-gallery{row-gap:42px}.gallery-kicker,.project-tile h2{font-size:15px;line-height:20px}.project-tile__tags{gap:2px 10px}.case-study-header{height:90px}.case-grid{grid-template-columns:1fr}.jawalat-meta,.jawalat-intro,.case-section.case-grid,.board-grid,.case-grid--outcome{padding-inline:18px}.jawalat-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;font-size:15px;line-height:25px}.jawalat-meta p:first-child{grid-column:1/-1}.jawalat-intro{margin-top:44px}.jawalat-intro h1,.case-copy h2{font-size:27px;line-height:38px}.jawalat-intro p,.case-copy p,.case-copy li{font-size:17px;line-height:24px}.jawalat-intro p,.case-art--span-two,.case-art--span-all,.sketch-interactions,.sketch-assets-composite,.board-pair,.iconography-copy{grid-column:1}.board-pair{grid-template-columns:1fr}.case-section.case-grid,.case-section .board-grid,.case-grid--outcome{padding-top:62px;padding-bottom:62px}.concept-visual{min-height:400px}.concept-visual--updated{min-height:0}.minigame-assets--left,.minigame-assets--right{grid-column:1;padding-top:0}#minigames{padding-right:18px}.minigame-two-swatches{width:68%}.minigame-two-asset--letters,.case-minigame-card--buffer{grid-column:1;width:100%}.case-minigame-card--buffer>.case-art{width:100%;margin-left:0}.case-study-index button{padding-inline:14px;font-size:13px;line-height:18px}.case-study-index button.is-active{padding-left:14px}.case-study-footer>p{padding-inline:18px;font-size:15px;line-height:21px}.about-layout{grid-template-columns:1fr;row-gap:58px;width:calc(100% - 36px)}.about-copy,.about-photo,.timeline-panel{grid-column:1}.about-copy{grid-row:1}.about-photo{grid-row:2;justify-self:center;width:min(100%,395px)}.timeline-panel{grid-row:3;height:min(650px,74svh);min-height:540px}.about-copy h1{margin-bottom:20px;font-size:28px;line-height:38px}.about-copy p{font-size:17px;line-height:24px}.timeline-panel>h2{height:42px;font-size:27px;line-height:42px}.timeline-scroll{scroll-snap-type:y proximity;height:calc(100% - 42px)}.timeline-slide{min-height:100%;padding:20px 8px 52px 0}.timeline-slide:not(:first-child){padding-top:20px}.experience-entry{display:block}.experience-meta{text-align:left}.experience-meta h3{font-size:24px;line-height:34px}.experience-period,.experience-role,.experience-description{font-size:17px;line-height:24px}.experience-description,#timeline-training .experience-entry:first-child .experience-description{margin-top:22px;padding-top:0}#timeline-training .experience-entry+.experience-entry{margin-top:48px}#timeline-training .experience-entry+.experience-entry .experience-meta{padding-top:0}.about-closing{margin:58px 18px 18px;font-size:15px;line-height:21px}.ai-tutor-main{overflow:visible}.ai-tutor-overview,.ai-tutor-section{width:100%;min-height:0}.ai-tutor-hero{aspect-ratio:1274/692;width:100%;height:auto;position:static}.ai-tutor-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding-inline:28px}.ai-tutor-meta{margin-top:36px;position:static}.ai-tutor-intro{grid-template-rows:auto;row-gap:28px;margin-top:51px;position:static}.ai-tutor-intro h1{grid-area:auto/1/auto/-1}.ai-tutor-tags,.ai-tutor-intro-copy,.ai-tutor-chat{grid-area:auto}.ai-tutor-chat{grid-column:1/-1;justify-self:center;width:min(395px,100%);height:auto}.ai-tutor-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;padding:76px 28px;display:grid}.ai-tutor-section>h2,.ai-tutor-section-copy,.ai-tutor-section>img,.ai-tutor-section>video,.ai-experience-caption{width:auto;max-width:100%;height:auto;margin:0;position:static;top:auto;left:auto}.ai-tutor-section-copy{width:auto}.ai-tutor-section>img,.ai-tutor-section>video{justify-self:center}.ai-tutor-opportunity-phone,.ai-tutor-research-image,.ai-tutor-conversation-image,.ai-tutor-input>h2{grid-column:1/-1}.ai-tutor-input>img{align-self:start}.ai-input-flow-external,.ai-input-flow-orcas{max-height:680px}.ai-experience-intro,.ai-experience-note{grid-column:span 1}.ai-experience-caption{font-size:18px;line-height:24px}.ai-social-prompts{grid-column:1/-1}.ai-tutor-overview{padding-bottom:62px}.ai-tutor-grid{grid-template-columns:1fr;padding-inline:18px}.ai-tutor-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;font-size:15px;line-height:25px}.ai-tutor-meta p:first-child{grid-column:1/-1}.ai-tutor-intro{margin-top:44px}.ai-tutor-intro h1,.ai-tutor-section h2{font-size:27px;line-height:38px}.ai-tutor-intro p,.ai-tutor-section-copy p,.ai-experience-caption{font-size:17px;line-height:24px}.ai-tutor-section{grid-template-columns:1fr;gap:32px;padding:62px 18px}.ai-tutor-opportunity-phone,.ai-tutor-research-image,.ai-tutor-conversation-image,.ai-tutor-input>h2,.ai-experience-intro,.ai-experience-note,.ai-social-prompts{grid-column:1}.ai-tutor-input>img{width:min(100%,367px)}.ai-experience-phone{width:min(82%,293px)!important}.ai-tutor-social>img,.ai-tutor-social>video{width:100%}}@media (min-width:681px){.ai-tutor-canvas-viewport{min-width:0;overflow:hidden}.ai-tutor-index-viewport{align-self:start;min-width:0;position:sticky;top:0;overflow:hidden}.ai-tutor-index-scale .case-study-index{border-bottom:0;width:395px;height:100%;min-height:0;padding:40px 0 28px;position:static;overflow:hidden auto}.ai-tutor-index-scale .case-study-index nav{flex-direction:column;width:100%;min-width:0}.ai-tutor-index-scale .case-study-index button{color:#3107852e;border-right:0;border-bottom:1px solid var(--ink);background:0 0;width:100%;min-width:0;padding:11px 0 12px;font-size:18px;line-height:27px}.ai-tutor-index-scale .case-study-index button:first-child{padding-top:0}:is(.ai-tutor-index-scale .case-study-index button:hover,.ai-tutor-index-scale .case-study-index button:focus-visible){color:#3107859e}.ai-tutor-index-scale .case-study-index button.is-active{color:var(--ink);background:0 0;padding-left:9px}.ai-tutor-index-scale .case-study-index button small,.ai-tutor-index-scale .case-study-role{display:block}}@media (max-width:680px){.ai-tutor-canvas-viewport,.ai-tutor-index-viewport,.ai-tutor-index-scale{display:contents}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.desktop-portfolio-link{white-space:nowrap;position:absolute;top:72px;right:30px}.desktop-portfolio-link:hover{text-underline-offset:4px;text-decoration:underline}.mobile-navigation,.site-footer .footer-link--portfolio{display:none}@media (max-width:1120px),(max-width:1366px) and (hover:none) and (pointer:coarse){.desktop-about-link,.desktop-portfolio-link,.site-header>.header-nav{display:none}.site-header{height:68px;padding:0}.mobile-navigation{display:block}.mobile-navigation__bar{background:var(--paper);width:100%;height:68px;position:relative}.mobile-navigation__logo{width:122px;height:34px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.mobile-navigation__logo img{object-fit:cover;width:122px;height:34px;display:block}.mobile-navigation button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.mobile-navigation button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mobile-navigation__toggle{place-items:center;width:44px;height:44px;display:grid;position:absolute;top:5px;right:20px}.mobile-navigation__toggle img{display:block}.mobile-navigation__toggle--open{align-items:start;padding-top:6px!important}.mobile-navigation__dialog{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:var(--paper);border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.mobile-navigation__dialog::backdrop{background:var(--paper)}.mobile-navigation__links{flex-direction:column;padding:12px 12px 0;display:flex}.mobile-navigation__links>a,.mobile-navigation__links>span{border-bottom:1px solid var(--ink);overflow-wrap:anywhere;margin:0 0 24px;padding:0 0 24px;font-family:Space Mono,monospace;font-size:21px;font-weight:700;line-height:27px;display:block}.mobile-navigation__links>:last-child{border:0;margin-bottom:0;padding-bottom:0}.mobile-navigation__links>[aria-disabled=true]{cursor:default}.mobile-navigation__closing{min-height:203px;padding:65px 34px 45px;position:relative}.mobile-navigation__closing p{text-align:center;max-width:333px;margin:0 auto;font-size:18px;font-style:italic;line-height:23px}.mobile-navigation__collapse{place-items:center;width:44px;height:32px;display:grid;position:absolute;top:34px;right:20px}}@media (max-width:680px){.site-footer .footer-link--portfolio{text-align:left;grid-column:1/-1;display:block}}.projects-gallery{padding-top:32px}@media (max-width:1120px){.projects-gallery{padding-top:24px}}@media (max-width:680px){.projects-gallery{padding-top:20px}}@media (min-width:681px){.mobile-navigation__links>.mobile-navigation__stacked-project-link{display:none}}.site-footer .footer-link--playground{color:var(--ink);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.footer-link--playground small{color:#fff;white-space:nowrap;background:#ff4d00;padding:2px 4px;font-size:10px;line-height:14px}@media (min-width:681px){.site-footer{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer--show-about{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:680px){.site-footer .footer-link--playground{grid-column:1/-1}}