@font-face{font-family:Alanis Hand;src:url(/fonts/AlanisHand.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color:#000;font-synthesis:none;background:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.project-rail:focus-visible{outline-offset:5px;outline:4px solid #000}main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3,.hello{font-family:Manrope,Arial,sans-serif}.brand,.hand-note,.intro-note,.contact-note,.image-note,.big-note{font-family:Alanis Hand,cursive;line-height:1.4}.intro h1{font-family:Alanis Hand,cursive;font-size:clamp(4.5rem,9vw,6rem)}h1{font-size:clamp(2.8rem,6vw,4.6rem);font-weight:400;line-height:1.18}h2{font-size:2rem;font-weight:400}p{line-height:1.65}.site-shell{flex-direction:column;max-width:1020px;min-height:100dvh;margin:auto;padding:0 52px;display:flex}.site-shell>main{flex:1}.header{text-align:center;padding:64px 0 0}.brand{font-size:4.5rem;font-weight:400;line-height:1.25;display:inline-block}.header nav{justify-content:center;gap:30px;margin-top:15px;display:flex}.header nav a{text-transform:uppercase;padding:9px 0;font-size:.8125rem}.header nav a:hover,.header nav a[aria-current]{font-weight:700;text-decoration:none}.intro{text-align:center;max-width:510px;margin:112px auto 132px;position:relative}.hello{margin-bottom:7px;font-size:1.45rem}.intro-copy{max-width:350px;margin:18px auto 0}.intro-note{color:inherit;margin-top:15px;font-size:2rem;display:block;transform:rotate(-3deg)}.section-title{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.hand-note{color:inherit;font-size:2rem;transform:rotate(-3deg)}.project-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:24px 0;display:flex}.filters{flex-wrap:wrap;gap:7px;display:flex}.filters button{isolation:isolate;border:0;border-radius:0;min-height:44px;padding:10px 17px;font-size:.875rem;position:relative}.filters button[aria-pressed=true]{color:inherit;background:0 0;font-weight:700}.filters button:hover:not([aria-pressed=true]){font-weight:700}.arrows{gap:8px;display:flex}.arrows button{border:0;width:44px;height:44px;font-size:1.4rem}.arrows button:disabled{opacity:.25;cursor:default}.project-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:28px;padding-bottom:4px;display:flex;overflow-x:auto}.project-rail::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex:0 0 calc(33.3333% - 18.6667px);min-width:0}.project-link{display:block}.project-link:hover h3{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.card-meta{color:inherit;justify-content:space-between;margin:18px 0 9px;font-size:.75rem;display:flex}.project-card h3{justify-content:space-between;gap:10px;font-size:1.125rem;font-weight:400;display:flex}.project-card h3 span{font-size:1rem}.project-card p{color:inherit;max-width:270px;margin-top:9px;font-size:.875rem}.project-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:34px;display:flex}.action-link{text-underline-offset:6px;font-size:.875rem;line-height:2;text-decoration:underline;text-decoration-thickness:3px;display:inline-block}.contact{color:#fff;clip-path:inset(0 -100vmax);background:#000;align-items:center;gap:24px;margin-top:132px;padding:64px 0 80px;display:grid;box-shadow:0 0 0 100vmax #000}.contact .social-links small{color:inherit}.contact .social-icon{filter:brightness(0)invert()}.contact a:focus-visible{outline-color:#fff}.contact-page h1{font-size:clamp(2.2rem,5vw,3.5rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:inherit;font-size:.75rem}.contact h2{margin-top:8px;font-size:2.6rem}.muted{color:inherit;font-size:.875rem}.contact-note{color:inherit;margin-top:6px;font-size:2rem}footer{color:inherit;justify-content:space-between;gap:20px;padding:24px 0 32px;font-size:.75rem;display:flex}.page-intro{margin:112px 0 96px}.page-intro h1,.text-page h1{margin:15px 0 24px}.page-intro>p:last-child{color:inherit}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}.text-page{max-width:680px;margin:112px auto 132px}.text-page>p{max-width:540px;margin:22px 0}.text-page .big-note{margin:42px 0;font-size:3rem}.about-page h1{margin-bottom:12px}.about-page .big-note{max-width:none;margin:0 0 32px;font-size:clamp(1.75rem,3.5vw,2.25rem)}.text-page .contact{flex-direction:column;align-items:flex-start}.detail{margin-top:58px}.detail-heading{margin:40px 0}.detail-heading h1{margin:12px 0 18px}.detail-lede{max-width:640px;font-size:1.08rem}.project-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.project-action{border:1px solid;border-radius:3px;justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding:14px 18px;font-size:.875rem;font-weight:700;display:inline-flex}.project-action small{margin-top:4px;font-size:.7rem;font-weight:400;display:block}.project-action img{object-fit:contain;flex-shrink:0}.project-action--app-store{color:#fff;background:#000}.project-action--app-store img{filter:invert()}.project-action:hover{text-underline-offset:4px;text-decoration:underline}.project-stats{margin-top:40px}.project-stat{border-top:1px solid #000;justify-items:start;gap:6px;padding-block:24px;display:grid}.project-stat strong{letter-spacing:-.06em;font:700 clamp(3rem,6vw,4.5rem)/1.1 Manrope,sans-serif}.project-stat span{font-size:.9rem}.project-stat small{margin-top:6px;font-size:.7rem}.project-stat:hover small{text-decoration:underline}.project-videos{margin-top:clamp(64px,10vw,112px)}.project-videos>.hand-note{margin-bottom:8px;font-size:1.65rem}.project-videos h2{font-size:clamp(1.7rem,4vw,2.3rem)}.project-video-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px 28px;margin-top:36px;display:grid}.project-video{justify-self:center;width:100%;min-width:0;max-width:320px;margin:0}.video-phone{background:#111;border:2px solid #000;border-radius:32px;padding:12px 7px 10px;box-shadow:inset 0 0 0 1px #555,0 10px 22px #00000012}.phone-speaker{background:#454545;border-radius:9px;width:42px;height:5px;margin:0 auto 10px}.phone-screen{aspect-ratio:9/16;background:#000;border-radius:19px;position:relative;overflow:hidden}.phone-unavailable{color:#fff;text-align:center;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:20px;font-size:.875rem;display:flex;position:absolute;inset:0}.phone-unavailable img{object-fit:contain;filter:invert()}.phone-unavailable button{color:#fff;border:1px solid #aaa;border-radius:4px;min-height:44px;padding:8px 18px}.phone-unavailable a{text-underline-offset:4px;place-items:center;min-height:44px;text-decoration:underline;display:grid}.phone-screen iframe{border:0;width:100%;height:100%;display:block}.phone-home-bar{background:#888;border-radius:9px;width:30%;height:4px;margin:10px auto 0}.phone-fallback{color:#fff;place-content:center;height:100%;display:grid}.video-copy{padding:22px 5px 0}.video-copy small{align-items:center;gap:8px;font-size:.75rem;display:flex}.video-copy small img{object-fit:contain}.video-copy h3{margin-top:12px;font-size:1.2rem;font-weight:700}.video-copy p{margin-top:7px;font-size:.875rem}.video-original{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-size:.75rem;text-decoration:underline;display:inline-flex}@media (width<=900px){.project-video-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.project-actions{flex-direction:column}.project-action{width:100%}.project-video-list{grid-template-columns:minmax(0,1fr);gap:44px}.next-project{flex-wrap:wrap}}.detail-body{grid-template-columns:1fr 1fr;gap:60px;display:grid}.image-note{text-align:center;margin-top:18px;font-size:2.1rem;transform:rotate(-3deg)}.story{padding:25px 0}.story p{color:inherit;margin-top:24px}.next-project{justify-content:space-between;gap:20px;margin:64px 0 0;padding:28px 0 42px;display:flex}.next-project span{color:inherit;font-size:.875rem}.next-project strong{font-weight:400}.social-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;margin-top:48px;display:grid}.social-links a{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:20px 8px;display:flex}.social-links a:hover>span{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.social-icon{object-fit:contain;width:64px;height:64px}.social-links small{color:inherit;margin-top:8px;display:block}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.skip:focus{top:10px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1200px){.intro{margin-top:120px;margin-bottom:144px}}@media (width<=650px){.site-shell{padding:0 24px}.header{padding-top:16px}.brand{display:none}.header nav{margin-top:0}.intro{margin:64px auto 84px}.hello{font-size:1.25rem}.intro h1{font-size:clamp(3.5rem,15vw,4.5rem)}.intro-copy{max-width:310px;margin-top:12px;font-size:1rem}.intro-note{margin-top:11px;font-size:1.9rem}.section-title h2{font-size:1.65rem}.section-title>.hand-note{display:none}.project-toolbar{gap:0;margin:15px 0 20px}.filters{gap:0}.filters button{padding:10px 11px}.arrows{gap:2px}.arrows button{border:0;width:30px}.project-rail{gap:20px;margin-right:-24px;padding-right:24px;scroll-padding-right:24px}.project-card{flex-basis:82%}.card-meta{margin-top:16px}.project-card p{max-width:100%}.project-bottom{margin-top:25px}.project-bottom .hand-note{font-size:1.9rem}.contact{flex-direction:column;align-items:flex-start;gap:32px;margin-top:88px;padding:44px 0 56px}.contact h2{font-size:2.25rem}.contact-note{font-size:1.9rem}footer{flex-wrap:wrap;gap:12px;padding:23px 0 29px;font-size:.75rem}.page-intro,.text-page{margin-top:72px;margin-bottom:80px}.page-intro h1,.text-page h1{font-size:2.8rem}.project-grid{grid-template-columns:1fr;gap:36px}.detail{margin-top:35px}.detail-heading h1{font-size:2.8rem}.detail-body{grid-template-columns:1fr;gap:22px}.story{padding-top:12px}.next-project{margin-top:35px}.text-page .contact{margin-bottom:0}}@media (width<=370px){.site-shell{padding:0 18px}.filters button{padding:10px 9px}.arrows button{width:26px}.project-rail{margin-right:-18px;padding-right:18px}.project-bottom{flex-direction:column;align-items:flex-start;gap:15px}.project-toolbar{flex-wrap:wrap;gap:6px}.arrows{margin-left:auto}}.contact .social-links{width:100%;margin-top:16px}.social-links a{gap:24px}.social-links small{overflow-wrap:anywhere;font-size:.875rem}.contact h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.4}.contact{align-items:flex-start}@media (width<=650px){.social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.contact .social-links{width:100%}.section-title h2{line-height:1.4}}.action-link{align-items:center;gap:12px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.action-link:hover,.next-project:hover strong{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}.direction-icon{flex:none}.arrows button{border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.arrows button .direction-icon{width:30px;height:30px}.arrows button:hover:not(:disabled),.arrows button:active{color:#000;background:0 0}.arrows button:disabled{opacity:.35}.next-project strong{align-items:center;gap:12px;font-weight:700;display:inline-flex}@media (width<=650px){.project-toolbar{flex-wrap:wrap;gap:12px}.arrows{margin-left:auto}}.projects-featured{max-width:510px;margin-inline:auto}.projects-featured .section-title{text-align:center;justify-content:center}.projects-featured .section-title h2,.contact h2,.contact-page h1,.links-page h1{text-align:center;margin:0;font-family:Alanis Hand,cursive;font-size:clamp(3rem,8vw,4rem);font-weight:400;line-height:1.3}.projects-featured .project-toolbar{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 12px}.projects-featured .filters{justify-content:center}.projects-featured .arrows{justify-content:space-between;width:100%;margin:0}.projects-featured .project-rail{align-items:flex-start;gap:28px;margin:0;padding:0 0 8px;scroll-padding:0}.projects-featured .project-card{scroll-snap-stop:always;flex:0 0 100%}.project-collage{aspect-ratio:1.45;width:100%;position:relative}.collage-piece{border:7px solid #fff;position:absolute;overflow:hidden}.collage-piece-1{width:42%;height:66%;top:9%;left:4%;transform:rotate(-7deg)}.collage-piece-2{width:44%;height:57%;top:5%;right:4%;transform:rotate(6deg)}.collage-piece-3{width:44%;height:61%;bottom:5%;left:32%;transform:rotate(-3deg)}.collage-piece img,.collage-placeholder{object-fit:cover;width:100%;height:100%;display:block}.collage-piece-2 .collage-placeholder{background:#ffffff47}.collage-piece-3 .collage-placeholder{background:#0000001f}.projects-featured .card-meta,.projects-featured .project-card h3{justify-content:center;gap:12px}.projects-featured .project-card h3{font-size:1.4rem}.projects-featured .project-card p{text-align:center;max-width:440px;margin:14px auto 0;font-size:1rem}.projects-featured .project-bottom{flex-wrap:wrap;justify-content:center;gap:16px 28px;margin-top:clamp(64px,9vw,104px)}.project-browse-link{align-items:center;gap:12px;min-height:44px;text-decoration:none;display:inline-flex}.project-browse-link:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}.contact>div{width:100%;max-width:510px;margin-inline:auto}.contact .social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;max-width:510px}.links-page{gap:32px;max-width:510px;margin:96px auto 56px;display:grid}.links-page .links-intro{text-align:center}.platform-links{gap:14px;width:100%;margin:0;padding:0;list-style:none;display:grid}.platform-row{background:#fff;border:1px solid #0000;border-radius:12px;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:20px;min-height:88px;padding:18px 20px;display:grid;position:relative}.platform-outline{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px}.platform-row:hover{background:#f8f8f8}.platform-row .social-icon{width:44px;height:44px}.platform-row .direction-icon{width:20px;height:20px}.platform-identity{min-width:0}.platform-identity h2{text-align:left;margin:0;font-family:Alanis Hand,cursive;font-size:2rem;font-weight:400;line-height:1.1}.platform-identity>p{overflow-wrap:anywhere;margin-top:4px;font-size:.75rem;line-height:1.4}.platform-row:hover .platform-identity h2{text-underline-offset:6px;text-decoration:underline}@media (width<=650px){.links-page{gap:28px;margin-block:48px 40px}.platform-row{grid-template-columns:36px minmax(0,1fr) 18px;gap:12px;min-height:84px;padding:16px}.platform-row .social-icon{width:36px;height:36px}.platform-row .direction-icon{width:18px;height:18px}.platform-identity h2{font-size:1.75rem}.collage-piece{border-width:5px}.projects-featured .project-bottom{align-items:center}}.direction-icon{object-fit:contain}.collage-piece{transform:translateY(0) rotate(var(--tilt)) scale(1);transition:transform .46s cubic-bezier(.22,1.5,.42,1);transition-delay:var(--delay)}.collage-piece-1{--tilt:-7deg;--delay:0s}.collage-piece-2{--tilt:6deg;--delay:45ms}.collage-piece-3{--tilt:-3deg;--delay:90ms}.collage-layout-1 .collage-piece-1{--tilt:-4deg;width:51%;height:48%;top:8%;left:5%}.collage-layout-1 .collage-piece-2{--tilt:8deg;width:34%;height:76%;top:10%;right:6%}.collage-layout-1 .collage-piece-3{--tilt:-9deg;width:44%;height:48%;bottom:5%;left:17%}.collage-layout-2 .collage-piece-1{--tilt:5deg;width:35%;height:72%;top:8%;left:7%}.collage-layout-2 .collage-piece-2{--tilt:-6deg;width:48%;height:47%;top:7%;right:6%}.collage-layout-2 .collage-piece-3{--tilt:4deg;width:52%;height:48%;bottom:8%;left:37%}.collage-layout-3 .collage-piece-1{--tilt:-10deg;width:43%;height:53%;top:25%;left:5%}.collage-layout-3 .collage-piece-2{--tilt:4deg;width:43%;height:65%;top:6%;right:8%}.collage-layout-3 .collage-piece-3{--tilt:10deg;width:35%;height:49%;bottom:4%;left:37%}.project-collage[data-visible=false] .collage-piece{transform:translateY(22px) rotate(calc(var(--tilt) * -.5)) scale(.84)}.project-link:active .project-collage[data-visible=true] .collage-piece{transform:translateY(2px) rotate(calc(var(--tilt) * .6)) scale(.94);transition-duration:.12s;transition-delay:0s}@media (hover:hover) and (pointer:fine){.project-link:hover .project-collage[data-visible=true] .collage-piece{transform:translateY(-3px) rotate(calc(var(--tilt) * .8)) scale(1.015)}}@media (prefers-reduced-motion:reduce){.collage-piece{transition:none}.project-collage[data-visible] .collage-piece,.project-link:active .project-collage[data-visible] .collage-piece,.project-link:hover .project-collage[data-visible] .collage-piece{transform:rotate(var(--tilt))}}.intro{margin-top:clamp(96px,12vw,160px);margin-bottom:0}.intro-chevron{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:52px;height:164px;margin:clamp(48px,7vw,88px) auto clamp(112px,13vw,176px);padding:10px;display:flex}.intro-chevron img{object-fit:contain;width:24px;height:144px}.scribble-underline,.scribble-circle{white-space:nowrap;isolation:isolate;display:inline-block;position:relative}.scribble-underline:after,.scribble-circle:after,.filters button[aria-pressed=true]:after{content:"";z-index:-1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.scribble-underline:after{background-image:url(/icons/hand-drawn/underline.png);width:106%;height:.4em;bottom:.1em;left:-3%}.scribble-circle:after{background-image:url(/icons/hand-drawn/circle.png);inset:-.4em -.65em;transform:rotate(16deg)}.scribble-circle{margin-inline:.55em}.filters button[aria-pressed=true]:after{background-image:url(/icons/hand-drawn/circle.png);inset:1px 0;transform:rotate(12deg)}.contact .scribble-underline:after{filter:invert()}.project-browse-link{text-decoration:none}#projects-heading{scroll-margin-top:48px}.contact{margin-top:clamp(144px,16vw,224px);padding-block:clamp(88px,10vw,136px)}footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding-block:clamp(48px,6vw,80px);font-size:.875rem}