:root{--ink:#171717;--paper:#f4efe5;--paper-light:#fffdf8;--blue:#3155e7;--acid:#d9ff43;--coral:#ff765d;--muted:#6c685f;--line:2px solid var(--ink);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;font-size:1rem;line-height:1.65}a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1}.site-header,main,footer{width:min(100% - 3rem,1200px);margin-inline:auto}.site-header{z-index:10;border-bottom:var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:2rem;padding-block:1.15rem;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.06em;flex:none;font-size:1.4rem;font-weight:950;text-decoration:none}.wordmark span{color:var(--blue)}nav{align-items:center;gap:.35rem;display:flex}nav a{white-space:nowrap;border-radius:999px;padding:.35rem .65rem;font-size:.88rem;font-weight:750;text-decoration:none}nav a:hover{background:var(--paper-light)}nav a.active{color:var(--paper-light);background:var(--ink)}.eyebrow{letter-spacing:.12em;margin-bottom:1rem;font-size:.76rem;font-weight:850}.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}.sketch-intro{border-bottom:var(--line);grid-template-columns:minmax(17rem,.72fr) minmax(0,1.45fr);gap:clamp(2rem,5vw,5rem);padding-block:clamp(3rem,7vw,6rem) clamp(5rem,10vw,9rem);display:grid;position:relative;overflow-x:clip}.sketch-profile{min-width:0;position:relative}.sketch-profile-sticky{min-height:min(72vw,44rem);position:sticky;top:7rem}.sketch-portrait{border:2px solid var(--ink);background:var(--paper-light);position:absolute;inset:4% 7% 5% 3%;overflow:hidden;transform:rotate(-.7deg)}.sketch-portrait-art{object-fit:contain;object-position:center bottom;transform-origin:50% 100%;width:100%;height:100%;animation:4.8s ease-in-out infinite portrait-breathe}.sketch-tag{z-index:2;pointer-events:none;height:auto;position:absolute}.sketch-tag--designer{width:82%;top:-1%;right:-5%}.sketch-tag--product{width:62%;top:33%;left:-7%}.sketch-tag--code{width:54%;top:58%;right:-3%}.sketch-tag--curious{width:76%;bottom:-4%;right:-4%}.sketch-story{flex-direction:column;gap:clamp(4.5rem,9vw,8rem);min-width:0;padding-top:.5rem;display:flex}.sketch-paragraph{flex-direction:column;align-items:flex-start;gap:clamp(.15rem,.8vw,.7rem);min-width:0;display:flex}.sketch-paragraph--hello{gap:0}.sketch-paragraph--imagineering{gap:.25rem}.sketch-paragraph--ending{gap:1.1rem}.sketch-line{object-fit:contain;object-position:left center;pointer-events:none;will-change:transform;width:100%;height:auto}.sketch-line--name-is{width:68%}.sketch-line--name{width:88%;margin-top:-1.1rem}.sketch-line--nickname{width:82%;margin-top:-.5rem}.sketch-line--designer,.sketch-line--experiments{width:96%}.sketch-line--short{width:82%}.sketch-line--games{width:88%}.sketch-line--called{width:75%}.sketch-line--imagineering{filter:drop-shadow(3px 3px #17171714);width:106%;max-width:none;margin-left:-2%}.hand-float{animation:3.8s ease-in-out infinite hand-drift-a}.hand-float--b{animation-name:hand-drift-b;animation-duration:4.6s;animation-delay:-1.4s}.hand-float--c{animation-name:hand-drift-c;animation-duration:5.2s;animation-delay:-3.1s}.hand-float--d{animation-name:hand-drift-d;animation-duration:4.2s;animation-delay:-2.3s}.hand-float--idea{animation-name:hand-wiggle;animation-duration:1.9s}.hand-float--hero{animation-name:hand-hero;animation-duration:3.2s}@keyframes hand-drift-a{0%,to{transform:translate(-3px)rotate(-.15deg)}50%{transform:translate(5px,-1px)rotate(.2deg)}}@keyframes hand-drift-b{0%,to{transform:translate(4px)rotate(.2deg)}50%{transform:translate(-5px,1px)rotate(-.25deg)}}@keyframes hand-drift-c{0%,to{transform:translate(-2px,1px)rotate(.12deg)}50%{transform:translate(6px,-1px)rotate(-.18deg)}}@keyframes hand-drift-d{0%,to{transform:translate(3px,-1px)rotate(-.2deg)}50%{transform:translate(-6px,1px)rotate(.22deg)}}@keyframes hand-wiggle{0%,to{transform:translate(-2px)rotate(-.12deg)}35%{transform:translate(4px,-1px)rotate(.18deg)}70%{transform:translate(-4px,1px)rotate(-.2deg)}}@keyframes hand-hero{0%,to{transform:translate(-6px)rotate(-.35deg)}50%{transform:translate(8px,-2px)rotate(.35deg)}}@keyframes portrait-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.006)}}.home-hero{border-bottom:var(--line);grid-template-columns:minmax(0,1.45fr) minmax(18rem,.7fr);align-items:end;min-height:min(760px,100svh - 76px);padding-block:clamp(4rem,10vw,8rem) 4rem;display:grid}.home-hero>.eyebrow{grid-column:1/-1;align-self:start}.home-hero h1,.page-hero h1{letter-spacing:-.08em;margin-bottom:0;font-size:clamp(4rem,10vw,9rem);font-weight:950;line-height:.88}.home-hero h1 span{color:var(--blue)}.home-intro{padding-bottom:.65rem}.lede{max-width:38rem;margin-bottom:1.2rem;font-size:clamp(1.1rem,1.7vw,1.35rem);font-weight:600;line-height:1.55}.quiet,.page-summary{color:var(--muted)}.entrances,.content-section{padding-block:clamp(5rem,10vw,9rem)}.section-intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2.5rem,6vw,5rem);display:flex}.section-intro .eyebrow{margin-bottom:.5rem}.section-intro h2{letter-spacing:-.07em;margin-bottom:0;font-size:clamp(2.8rem,7vw,6rem);font-weight:950}.section-intro.compact{display:block}.section-intro.compact h2{font-size:clamp(2.6rem,5vw,4.5rem)}.entrance-list{border-top:var(--line)}.entrance-card{border-bottom:var(--line);grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:11rem;padding:2rem;text-decoration:none;transition:padding .22s,background-color .22s;display:grid}.entrance-card:hover{padding-inline:2.75rem 1.25rem}.entrance-card--blue:hover{color:#fff;background:var(--blue)}.entrance-card--coral:hover{background:var(--coral)}.entrance-card--acid:hover{background:var(--acid)}.entrance-number{align-self:start;padding-top:.4rem;font-size:.8rem;font-weight:850}.entrance-card h3{letter-spacing:-.06em;margin-bottom:.6rem;font-size:clamp(2rem,5vw,4.5rem)}.entrance-card p{max-width:38rem;margin-bottom:0}.entrance-arrow{font-size:clamp(2rem,5vw,4rem);line-height:1}.page-hero{border:var(--line);grid-template-columns:1fr minmax(18rem,.45fr);align-items:end;min-height:34rem;margin-top:2rem;padding:clamp(2rem,6vw,5rem);display:grid}.page-hero>.eyebrow{grid-column:1/-1;align-self:start}.page-hero h1{font-size:clamp(3.5rem,8vw,7rem)}.page-summary{max-width:34rem;margin-bottom:.4rem;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:650}.page-hero--blue{color:#fff;background:var(--blue)}.page-hero--blue .page-summary{color:#ffffffc2}.page-hero--coral{background:var(--coral)}.page-hero--acid{background:var(--acid)}.project-grid,.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 1.5rem;display:grid}.project-card:nth-child(2n){margin-top:5rem}.project-image,.experiment-card>img{border:var(--line);background:var(--paper-light);overflow:hidden}.project-image img,.experiment-card>img{aspect-ratio:10/7;object-fit:cover;transition:transform .26s}.project-card:hover .project-image img,.experiment-card:hover>img{transform:scale(1.025)}.project-copy{border-top:var(--line);grid-template-columns:2.5rem 1fr;gap:1rem;padding-top:1rem;display:grid}.project-copy>span,.project-meta,.memory-date,.experiment-status{letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:850}.project-meta,.memory-date,.experiment-status{color:var(--muted);margin-bottom:.65rem}.project-copy h3,.memory-card h3,.experiment-card h3{letter-spacing:-.04em;margin-bottom:.5rem;font-size:clamp(1.45rem,3vw,2.2rem)}.project-copy p:last-child,.memory-card p:last-child,.experiment-card p:last-child{margin-bottom:0}.memory-list{border-top:var(--line)}.memory-card{border-bottom:var(--line);grid-template-columns:4rem minmax(0,1fr);gap:1.5rem;padding-block:clamp(2rem,5vw,4rem);display:grid}.memory-card>div{max-width:46rem}.memory-index{font-weight:900}.experiment-card{border:var(--line);background:var(--paper-light);padding:1rem}.experiment-card:nth-child(2n){transform:rotate(1.2deg)}.experiment-card>div{padding:1.5rem .5rem .5rem}footer{border-top:var(--line);justify-content:space-between;padding-block:2rem;font-size:.85rem;font-weight:700;display:flex}footer p{margin:0}.custom-cursor{display:none}@media (hover:hover) and (pointer:fine){html.custom-cursor-enabled,html.custom-cursor-enabled body,html.custom-cursor-enabled a,html.custom-cursor-enabled button{cursor:none!important}.custom-cursor{z-index:1000;opacity:1;pointer-events:none;will-change:transform;width:64px;height:64px;transition:opacity .12s;display:block;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.custom-cursor.is-hidden{opacity:0}.custom-cursor img{object-fit:contain;width:64px;height:64px;transition:opacity 80ms,transform .12s;position:absolute;inset:0}.custom-cursor-click{opacity:0;transform:scale(.82)}.custom-cursor.is-pressed .custom-cursor-move{opacity:0;transform:scale(.88)}.custom-cursor.is-pressed .custom-cursor-click{opacity:1;transform:scale(1)}}.mobile-notice{display:none}.not-found-page{background:var(--blue);place-items:center;min-height:100svh;padding:1rem;display:grid}.not-found{isolation:isolate;border:var(--line);background:var(--acid);width:min(100%,62rem);padding:clamp(2rem,7vw,6rem);position:relative;overflow:hidden}.not-found-code{z-index:-1;color:var(--coral);letter-spacing:-.1em;opacity:.75;margin:0;font-size:clamp(10rem,34vw,25rem);font-weight:900;line-height:.8;position:absolute;top:-.2em;right:-.04em}.not-found h1{max-width:7ch;margin-block:clamp(8rem,20vw,13rem) 1.5rem;font-size:clamp(3.6rem,10vw,8rem)}.not-found-copy{max-width:31rem;font-size:1.1rem}.not-found-link{margin-top:1.5rem;font-weight:850;display:inline-block}@media (width<=760px){html.mobile-notice-open,html.mobile-notice-open body{overflow:hidden}.mobile-notice{z-index:100;min-height:100svh;padding:max(2rem, env(safe-area-inset-top)) 1.5rem max(2rem, env(safe-area-inset-bottom));background-color:#3a241c;background-image:url(/mobile/6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;display:grid;position:fixed;inset:0}.mobile-notice[hidden]{display:none}.mobile-notice-inner{z-index:1;flex-direction:column;justify-content:center;gap:clamp(.5rem,1svh,1.5rem);width:min(100%,31rem);min-height:min(88svh,52rem);display:flex;position:relative;transform:translateY(-2rem)}.mobile-notice-art{object-fit:contain;margin-inline:-3.5%;width:110%;max-height:66svh;margin-top:14rem}.mobile-notice-continue{margin-inline:18%;cursor:pointer;background:0 0;border:0;width:112%;margin-top:3rem;padding:0;transition:transform .16s,filter .16s}.mobile-notice-continue img{width:95%}.mobile-notice-continue:active{filter:brightness(1.12);transform:scale(.97)}.mobile-paw-transition{z-index:2;opacity:0;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.mobile-paw-transition:before{aspect-ratio:1;content:"";background:#f5d9cb;border-radius:50%;width:12rem;position:absolute;transform:scale(0)}.mobile-paw-transition img{z-index:1;filter:drop-shadow(0 0 .45rem #fff5dfe6);width:min(70vw,13rem);position:relative;transform:translateY(-70vh)rotate(-14deg)scale(.65)}.mobile-notice.is-leaving{animation:1.05s ease-in forwards paw-notice-fade}.mobile-notice.is-leaving .mobile-notice-inner{animation:.65s ease-out forwards paw-art-dim}.mobile-notice.is-leaving .mobile-paw-transition{opacity:1}.mobile-notice.is-leaving .mobile-paw-transition:before{animation:.9s cubic-bezier(.7,0,.2,1) .18s forwards paw-circle-spread}.mobile-notice.is-leaving .mobile-paw-transition img{animation:.95s cubic-bezier(.2,.8,.2,1) forwards paw-stamp}html.mobile-notice-revealed .home-hero{animation:ease-out both homepage-rise}@keyframes paw-stamp{0%{transform:translateY(-70vh)rotate(-14deg)scale(.65)}38%{transform:translateY(0)rotate(0)scale(1.08)}52%{transform:translateY(-.8rem)rotate(0)scale(.94)}68%{transform:translateY(0)rotate(0)scale(1)}to{transform:translateY(0)rotate(0)scale(1.25)}}@keyframes paw-circle-spread{0%{transform:scale(0)}to{transform:scale(12)}}@keyframes paw-art-dim{to{opacity:.15;transform:translateY(-2rem)scale(.96)}}@keyframes paw-notice-fade{0%,78%{opacity:1}to{opacity:0}}@keyframes homepage-rise{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.site-header,main,footer{width:min(100% - 2rem,1200px)}.site-header{align-items:flex-start;gap:.75rem;padding-block:.9rem}nav{flex-wrap:wrap;justify-content:flex-end;gap:.15rem}nav a{padding:.25rem .48rem;font-size:.75rem}.home-hero,.page-hero{flex-direction:column;align-items:stretch;display:flex}.sketch-intro{flex-direction:column;gap:4.5rem;padding-block:2.5rem 5rem;display:flex}.sketch-profile-sticky{min-height:min(128vw,34rem);position:relative;top:auto}.sketch-profile{width:min(100%,29rem);margin-inline:auto}.sketch-story{gap:4.5rem}.sketch-line--imagineering{width:103%;margin-left:-1.5%}.home-hero{justify-content:space-between;min-height:calc(100svh - 84px);padding-block:3rem 2.5rem}.home-hero h1{margin-block:auto 3rem;font-size:clamp(4rem,24vw,7rem)}.page-hero{justify-content:space-between;min-height:29rem;padding:2rem 1.5rem}.page-hero h1{margin-block:auto 2rem;font-size:clamp(3.2rem,15vw,5rem)}.section-intro{display:block}.entrance-card{grid-template-columns:2rem minmax(0,1fr) auto;min-height:9rem;padding:1.25rem .5rem}.entrance-card:hover{padding-inline:.5rem}.entrance-card p{font-size:.92rem}.project-grid,.experiment-grid{grid-template-columns:1fr}.project-card:nth-child(2n){margin-top:0}.experiment-card:nth-child(2n){transform:none}footer{gap:1rem}}@media (prefers-reduced-motion:reduce){.hand-float,.sketch-portrait-art{animation:none!important}html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}