:root{--bg: #fef6eb;--fg: #000000;--font-nav: "forma-djr-text", "Forma DJR Text", "Forma DJR Micro", "Forma DJR", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-name: "swear-text", "Swear Text", "Swear", Georgia, "Times New Roman", serif;--header-pad-x: 1.5rem;--header-pad-top: max(1.5rem, env(safe-area-inset-top));--name-size: 1.75rem}.theme-mcd{--bg: #f2594b;--fg: #ffffff;--name-fg: #f9b06e;--name-weight: 500}.theme-pnt{--bg: #496dd8;--fg: #ffffff;--name-fg: #07cc70;--name-weight: 500}.theme-ducks{--bg: #07cc70;--fg: #0b2e27;--name-fg: #216f5e;--name-weight: 500}[data-theme=mcd]{--link-fg: #f9b06e}[data-theme=pnt]{--link-fg: #07cc70}[data-theme=ducks]{--link-fg: #216f5e}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);transition:background-color .6s ease,color .6s ease}.page{position:relative;overflow:hidden;min-height:100vh;min-height:var(--screen-height, 100svh);display:flex;flex-direction:column}.landing{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:0 1rem}.header{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.5rem var(--header-pad-x);padding-top:var(--header-pad-top)}.name{position:fixed;top:var(--header-pad-top);left:var(--header-pad-x);z-index:20;font-family:var(--font-name);font-size:var(--name-size);font-weight:var(--name-weight, 400);line-height:1.1}.name a{color:var(--name-fg, var(--fg));text-decoration:none;transition:color .6s ease;-webkit-tap-highlight-color:transparent}.identity{justify-self:start;padding-top:calc(var(--name-size) * 1.1)}.title{font-family:var(--font-name);font-size:1.125rem;font-style:italic;font-weight:400;line-height:1.3;transition:opacity .25s ease}.is-scrolled .title{opacity:0}.menu-toggle{display:none}.social{justify-self:end;display:flex;align-items:center;gap:.875rem;list-style:none;padding:0}.social-link{display:block;padding:.25rem;color:var(--fg);opacity:.55;transition:color .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.social-link{--accent: #f3a85b}.social-link:hover,.social-link:focus-visible{color:var(--accent);opacity:1;outline:none}.social-icon{display:block;width:1.375rem;height:1.375rem;fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}.social-icon *{vector-effect:non-scaling-stroke}.social-icon--email{width:1.75rem;height:1.75rem}.social-icon-cutout{stroke:var(--bg);stroke-width:1px}.nav-social-item{display:none}.nav-social{display:flex;align-items:center;gap:.75rem;list-style:none;padding:0}.header,.landing{pointer-events:none}.identity,.nav,.social,.ispy{pointer-events:auto}.spy-scene{position:absolute;inset:0;z-index:0;overflow:hidden}.spy-item{position:absolute;transform:translate(var(--dx, 0px),var(--dy, 0px)) rotate(var(--r));transition:transform .45s cubic-bezier(.2,.8,.3,1);animation:spy-pop .6s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(var(--i) * 12ms)}.spy-item.is-dodging{z-index:50}.spy-item img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes spy-pop{0%{opacity:0;transform:rotate(var(--r)) scale(.3)}}@media(prefers-reduced-motion:reduce){.spy-item{animation:none;transition:none}}.ispy{font-family:var(--font-name);font-size:clamp(1.75rem,4vw,3rem);font-weight:400;line-height:1.2;text-align:center}.ispy-lead,.ispy-need{display:block}.ispy-need{font-style:italic}.someone{position:relative}.someone-finger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25em;line-height:1;visibility:hidden;pointer-events:none}.someone:hover .someone-finger{visibility:visible}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.nav-list{list-style:none;padding:0;display:flex;justify-content:center;gap:1.25rem}.nav-link{font-family:var(--font-nav);font-size:.875rem;font-weight:400;color:var(--fg);text-decoration:none;display:inline-block;padding:.5rem .25rem;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.nav-link:focus-visible{outline:none}.nav-link--work{--accent: #f2594b}.nav-link--play{--accent: #496dd8}.nav-link--info{--accent: #07cc70}.nav-link:hover,.nav-link:focus-visible{color:var(--accent)}.eye-cursor-on,.eye-cursor-on *{cursor:none!important}.eye-cursor{position:fixed;top:0;left:0;z-index:1000;width:28px;height:28px;margin:-14px 0 0 -14px;pointer-events:none;opacity:0}.eye-cursor.is-visible{opacity:1}.eye-cursor-ball{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 45%,#ddd6cc);box-shadow:0 0 0 1px #00000059;animation:eye-blink 4.5s infinite}.eye-cursor-iris{position:absolute;top:50%;left:50%;width:15px;height:15px;border-radius:50%;background:var(--iris, conic-gradient(#f2594b, #496dd8, #07cc70, #f2594b));box-shadow:inset 0 0 0 1px #00000059;transform:translate(-50%,-50%)}.eye-cursor-pupil{position:absolute;inset:4px;border-radius:50%;background:#000}.eye-cursor-pupil:after{content:"";position:absolute;top:1px;left:1px;width:2px;height:2px;border-radius:50%;background:#fff}@keyframes eye-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.08)}}.eye-cursor.is-blinking .eye-cursor-ball{animation:eye-click-blink .2s ease-in-out}@keyframes eye-click-blink{50%{transform:scaleY(.08)}}@media(prefers-reduced-motion:reduce){.eye-cursor-ball{animation:none}}.works{position:relative;z-index:1;--works-pad-x: .75rem;padding:18vh var(--works-pad-x) 30vh;--gap: clamp(2.5rem, 6vw, 6rem);--column: min(100%, calc((100vh - 9rem) * var(--row-aspect) + var(--gap)));--column: min(100%, calc((100svh - 9rem) * var(--row-aspect) + var(--gap)));display:flex;flex-direction:column;align-items:center;font-family:var(--font-nav);scroll-margin-top:0;overflow-x:clip}.works-heading{font-family:var(--font-nav);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:400;line-height:1.1;margin-bottom:clamp(1.75rem,5vh,3rem);translate:0 calc(var(--p, 0) * 1.5rem)}.works-heading,.project-row{width:var(--column)}.project-row+.project-row{margin-top:30vh}.project-row{display:flex;gap:var(--gap);align-items:flex-start}.project{flex:var(--share) 1 0;min-width:0;container-type:inline-size}.project-media{overflow:hidden;border-radius:clamp(1rem,2.5vw,2rem);aspect-ratio:var(--aspect);background:#00000014}.project-media img{display:block;width:100%;height:116%;object-fit:cover;translate:0 calc(-8% + var(--p, 0) * 7%);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-link{display:block;border-radius:clamp(1rem,2.5vw,2rem);transition:translate .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}.project-media img{transition:scale .7s cubic-bezier(.2,.8,.2,1)}.project-title a{color:inherit;text-decoration:none;transition:color .3s ease}.project-link:hover{translate:0 -.25rem;box-shadow:0 1rem 1.75rem -1rem #00000040}.project-link:hover .project-media img{scale:1.02}.project-title a:hover,.project-title a:focus-visible{color:var(--link-fg, var(--fg))}.project-link:active{scale:.98}.project-media--whole img{height:100%;translate:none}.project-info{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;align-items:flex-start;margin-top:clamp(1.25rem,3vw,2rem)}.project-title{font-family:var(--font-nav);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;white-space:pre-line}.project-roles{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:.75rem;padding:0;list-style:none;font-size:.9375rem}.role-tag{display:flex;align-items:center;gap:.4rem}.role-tag:hover{animation:tag-shimmy .5s ease}@keyframes tag-shimmy{20%{rotate:-6deg;translate:-1px 0}40%{rotate:5deg;translate:1px 0}60%{rotate:-3deg}80%{rotate:1.5deg}}@container (min-width: 45rem){.project-roles--lines{display:grid;grid-template-columns:repeat(var(--roles-per-line),auto);justify-content:start}.project-row--gallery .project-info:has(.project-sticker--edge){max-width:calc(100vw - (2*(clamp(4.5rem,8vw,7.5rem) + 2rem)))}}.role-icon{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.project-blurb{font-family:var(--font-name);font-size:clamp(1rem,1.3vw,1.1875rem);font-weight:500;line-height:1.4;max-width:30ch;padding-top:.35em}.project-info{position:relative}.project-sticker{--size: calc(clamp(4.5rem, 8vw, 7.5rem) * var(--sticker-scale, 1));position:absolute;right:0;top:calc(var(--size) * var(--overlap, .62) * -1 - clamp(1.25rem,3vw,2rem));z-index:2;width:var(--size);height:var(--size);object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));rotate:var(--tilt, 0deg);visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-sticker--edge{right:calc((100% - 100vw) / 2 + var(--works-pad-x))}.project-info.is-visible .project-sticker{visibility:visible;animation:sticker-walk 1.8s ease-in-out .3s backwards}@keyframes sticker-walk{0%{translate:7rem 0;rotate:var(--tilt)}8.3%{translate:6.42rem -.4rem;rotate:calc(var(--tilt) - 9deg)}16.7%{translate:5.83rem 0;rotate:var(--tilt)}25.0%{translate:5.25rem -.4rem;rotate:calc(var(--tilt) + 9deg)}33.3%{translate:4.67rem 0;rotate:var(--tilt)}41.7%{translate:4.08rem -.4rem;rotate:calc(var(--tilt) - 9deg)}50.0%{translate:3.5rem 0;rotate:var(--tilt)}58.3%{translate:2.92rem -.4rem;rotate:calc(var(--tilt) + 9deg)}66.7%{translate:2.33rem 0;rotate:var(--tilt)}75.0%{translate:1.75rem -.4rem;rotate:calc(var(--tilt) - 9deg)}83.3%{translate:1.17rem 0;rotate:var(--tilt)}91.7%{translate:.58rem -.4rem;rotate:calc(var(--tilt) + 9deg)}}.project-sticker:hover{animation:sticker-wobble .6s ease}@keyframes sticker-wobble{25%{rotate:calc(var(--tilt) - 10deg)}50%{rotate:calc(var(--tilt) + 8deg)}75%{rotate:calc(var(--tilt) - 4deg)}}.project-row{position:relative}.scatter{position:absolute;bottom:100%;left:50%;width:100vw;height:30vh;translate:-50% 0;pointer-events:none}.scatter-piece{position:absolute;height:auto;rotate:var(--tilt, 0deg);translate:-50% calc(var(--p, 0) * var(--drift) * -1);pointer-events:auto;transition:scale .3s cubic-bezier(.3,1.6,.5,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scatter-piece:hover{scale:1.35}.project-row--gallery .project{flex:1;display:flex;flex-direction:column;align-items:center}.project-row--gallery .project>[data-reveal]:first-child{width:100vw}.project-row--gallery .project-info{max-width:100%}.gallery{position:relative;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.gallery-track{display:flex;width:max-content;padding:0;list-style:none;will-change:transform}.gallery-item{flex:none;height:clamp(16rem,62vh,40rem);aspect-ratio:1476 / 1629}.gallery-item{position:relative}.gallery-item:after{content:"";position:absolute;inset:0;box-shadow:inset 12px 0 14px -12px #00000073;pointer-events:none}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.gallery-nav{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:3.25rem;height:3.25rem;padding:0;border:0;border-radius:50%;background:none;color:#e4e4e4;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.85);transition:opacity .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.gallery-nav--prev{left:clamp(.75rem,3vw,2.5rem)}.gallery-nav--next{right:clamp(.75rem,3vw,2.5rem)}.gallery-nav svg{width:2.25rem;height:2.25rem;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.gallery:hover .gallery-nav,.gallery.is-touched .gallery-nav,.gallery:has(:focus-visible) .gallery-nav{opacity:1;pointer-events:auto;transform:translateY(-50%)}.gallery-nav:hover{transform:translateY(-50%) scale(1.08)}.gallery-nav:focus-visible{outline:2px solid #07cc70;outline-offset:3px}@media(hover:none){.gallery-nav{width:2.75rem;height:2.75rem}}[data-reveal]{opacity:0;transform:translateY(2.5rem);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible,.project-info[data-reveal]{opacity:1;transform:none}.project-info[data-reveal]>:not(.project-sticker){opacity:0;transform:translateY(2.5rem);transition:opacity .8s ease .15s,transform .9s cubic-bezier(.2,.8,.2,1) .15s}.project-info.is-visible>:not(.project-sticker){opacity:1;transform:none}[data-entrance=splash]{transform:translateY(4rem) scale(.88) rotate(-3deg);transition:opacity .6s ease,transform 1.2s cubic-bezier(.3,1.5,.45,1)}[data-entrance=stamp]{transform:scale(1.25) rotate(-7deg);transition:opacity .25s ease .25s,transform .55s cubic-bezier(.25,1.5,.45,1) .25s}[data-entrance=glide]{transform:translate(-6rem) rotate(4deg);transition:opacity .5s ease,transform 1s cubic-bezier(.25,1.35,.4,1)}[data-entrance=swing]{transform:perspective(1200px) rotateY(-18deg) translate(3rem);transform-origin:right center;transition:opacity .6s ease .15s,transform 1s cubic-bezier(.2,1.2,.4,1) .15s}[data-entrance=newsstand]{transform:none}[data-entrance=newsstand] .gallery-item{opacity:0;translate:0 -30%;rotate:-4deg}[data-entrance=newsstand].is-visible .gallery-item{opacity:1;translate:none;rotate:none;transition:opacity .35s ease,translate .7s cubic-bezier(.3,1.4,.5,1),rotate .7s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(min(var(--i),10)*80ms)}@media(prefers-reduced-motion:reduce){body,.name a{transition:none}[data-reveal]{opacity:1;transform:none;transition:none}[data-entrance=newsstand] .gallery-item{opacity:1;translate:none;rotate:none;transition:none}.project-info .project-sticker{animation:none}.project-info[data-reveal]>:not(.project-sticker){opacity:1;transform:none;transition:none}.project-link,.project-media img{transition:none}.project-link:hover{translate:none}.project-link:hover .project-media img{scale:none}.role-tag,.scatter-piece,.project-sticker:hover{transition:none;animation:none}.scatter-piece{translate:-50% 0}}@media(max-width:700px){.project-row{flex-direction:column;gap:5rem}.project{flex:none;width:100%}}@media(max-width:1024px){:root{--header-pad-top: max(2rem, env(safe-area-inset-top))}.nav-link{font-size:.9375rem}}@media(max-width:600px){:root{--header-pad-x: 1rem;--header-pad-top: max(1rem, env(safe-area-inset-top));--name-size: 1.4375rem}.header{grid-template-columns:1fr auto;padding:1rem var(--header-pad-x);padding-top:var(--header-pad-top)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-10px;padding:10px;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-toggle-bar{display:block;width:100%;height:2px;background:var(--fg);transition:transform .2s ease,opacity .2s ease}.nav--open .menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav--open .menu-toggle-bar:nth-child(2){opacity:0}.nav--open .menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-list{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;flex-direction:column;align-items:flex-end;gap:0;padding:0 1rem 1rem;background:var(--bg)}.nav--open .nav-list{display:flex}.nav-link{font-size:1rem;padding:.375rem 0}.title{font-size:1rem}.social{display:none}.nav-social-item{display:block;padding-top:.5rem}}@media(max-height:480px)and (orientation:landscape){:root{--header-pad-top: max(.75rem, env(safe-area-inset-top))}.header{padding-bottom:.75rem}}:root{--page-accent: #f2594b}.header--inner .name a{transition-duration:.2s}.header--inner .name a:hover,.header--inner .name a:focus-visible{color:var(--page-accent)}.project-page{--page-max: 1320px;--radius: clamp(1rem, 2.5vw, 2rem);--section-gap: clamp(5rem, 14vh, 10rem);width:min(100% - 3rem,var(--page-max));margin:clamp(1rem,4vh,2.5rem) auto 0;padding-bottom:clamp(5rem,14vh,9rem);font-family:var(--font-nav)}.project-hero{overflow:hidden;border-radius:var(--radius);aspect-ratio:16 / 9;background:#00000014}.project-hero video,.project-hero img,.board video{display:block;width:100%;height:100%;object-fit:cover}.board-stack{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);width:min(100%,64rem);margin:clamp(2rem,5vh,3.5rem) auto 0}.board{overflow:hidden;border-radius:clamp(.5rem,1vw,.875rem);background:#00000014}.project-intro{display:grid;grid-template-columns:minmax(0,38rem) minmax(14rem,1fr);grid-template-rows:auto 1fr;align-content:start;column-gap:clamp(3rem,8vw,8rem);margin-top:clamp(2.5rem,6vh,4.5rem)}.project-page-title{font-size:clamp(2rem,4.5vw,3.75rem);font-weight:400;line-height:1.05;letter-spacing:-.015em;max-width:16ch}.project-aside{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(2.5rem,6vh,4rem)}.project-details{width:min(100%,22rem);display:flex;flex-direction:column;gap:1.25rem;font-size:.9375rem;line-height:1.45;padding-top:.6rem}.project-details dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:.25rem}.project-details dd{margin:0}.project-story{display:flex;flex-direction:column;gap:clamp(2.25rem,5vh,3.5rem);margin-top:clamp(2.5rem,6vh,4rem)}.project-story h2,.project-section h2{font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:500;line-height:1.2;margin-bottom:.75rem}.project-story p,.project-section p{font-family:var(--font-name);font-size:clamp(1.0625rem,1.35vw,1.25rem);line-height:1.55;max-width:38rem}.project-story p+p,.project-section p+p{margin-top:1rem}.project-section h3{font-size:clamp(1rem,1.3vw,1.125rem);font-weight:500;line-height:1.2;margin:2.25rem 0 .5rem}.project-intro-art{margin-top:auto;width:min(100%,36rem);display:none}.project-intro-art img{display:block;width:100%;height:auto;border-radius:clamp(.75rem,1.5vw,1.25rem)}@media(min-width:1100px){.project-intro-art{display:block}}.project-page .project-lead--closing{margin:1rem 0 calc(var(--section-gap) * 1.4)}.project-page .project-lead{font-family:var(--font-nav);font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:500;line-height:1.2;color:var(--page-accent)}.project-section{margin-top:var(--section-gap)}.project-section-text{max-width:38rem;margin:0 auto;text-align:center}.image-rows{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);margin-top:clamp(2rem,5vh,3.5rem)}.project-intro+.image-rows{margin-top:var(--section-gap)}.image-row{display:flex;gap:clamp(.75rem,1.5vw,1.25rem)}.image-cell{flex:var(--aspect) 1 0;min-width:0;aspect-ratio:var(--aspect);overflow:hidden;border-radius:clamp(.75rem,1.5vw,1.25rem);background:#0000000f}.image-group{--row-gap: clamp(.75rem, 1.5vw, 1.25rem);display:flex;flex:var(--aspect) 1 var(--row-gap);gap:var(--row-gap);min-width:0}.image-rows--plain .image-cell{overflow:visible;border-radius:0;background:none}.image-rows--plain{gap:clamp(2rem,6vh,4rem)}.image-cell img{display:block;width:100%;height:100%;object-fit:cover}.project-split{display:grid;grid-template-columns:minmax(0,32rem) minmax(0,36rem);justify-content:center;align-items:center;column-gap:clamp(3rem,7vw,7rem);margin-top:var(--section-gap)}.project-split h2{font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:500;line-height:1.2;margin-bottom:.75rem}.project-split p{font-family:var(--font-name);font-size:clamp(1.0625rem,1.35vw,1.25rem);line-height:1.55}.project-split p+p{margin-top:1rem}.project-split-image img{display:block;width:100%;height:auto;border-radius:clamp(.75rem,1.5vw,1.25rem)}.project-split-image--plain img{border-radius:0}.gallery-hero{width:100vw;margin-left:calc(50% - 50vw)}:root{overflow-x:clip}.playable-video{margin:0}.playable-video-frame{position:relative;overflow:hidden;border-radius:clamp(.75rem,1.5vw,1.25rem);background:#00000014}.playable-video video{display:block;width:100%;height:100%;object-fit:cover}.playable-video-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;padding:0;border:0;background:none;cursor:pointer}.playable-video-play svg{width:4rem;height:4rem;padding:1rem;border-radius:50%;background:var(--page-accent);fill:#fff;box-shadow:0 .5rem 1.5rem #00000040;transition:scale .3s cubic-bezier(.3,1.6,.5,1)}.playable-video-play:hover svg,.playable-video-play:focus-visible svg{scale:1.1}.playable-video figcaption{margin-top:.75rem;font-size:.8125rem;line-height:1.4;opacity:.7}.project-embed{overflow:hidden;border-radius:var(--radius);background:#0000000f}.media-row{display:flex;align-items:flex-start;gap:clamp(1rem,2.5vw,2rem);width:min(100%,76rem);margin:clamp(3.5rem,9vh,6rem) auto 0}.media-row>*{flex:var(--aspect) 1 0;min-width:0}.media-row+.project-section{margin-top:calc(var(--section-gap) * .6)}.project-embed iframe{display:block;width:100%;height:100%;border:0}.project-embed--video{width:min(100%,56rem);margin:clamp(2rem,5vh,3.5rem) auto 0}.browser-scroll{height:280vh;margin-top:clamp(1rem,3vh,2rem)}.browser-scroll-stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;align-content:center}.browser-scroll-windows{--window-gap: clamp(.75rem, 2vw, 1.5rem);--window-aspect: 1.6;display:flex;gap:var(--window-gap);width:min(100%,64rem,(100svh - 9rem) * var(--window-aspect) * var(--count))}.browser-scroll-windows--many{--window-aspect: .8;width:min(100%,80rem,(100svh - 9rem) * var(--window-aspect) * var(--count) + var(--window-gap) * (var(--count) - 1))}.browser-window{flex:1 1 0;min-width:0;margin:0;overflow:hidden;border-radius:clamp(.625rem,1.2vw,1rem);background:#fff;box-shadow:0 0 0 1px #00000014,0 1.5rem 3.5rem #0b2e272e}.browser-window-bar{display:flex;align-items:center;gap:1rem;height:2.25rem;padding:0 .875rem;background:#efe8dc}.browser-window-dots{flex:none;width:.625rem;height:.625rem;margin-right:2.5rem;border-radius:50%;background:#f2594b;box-shadow:1rem 0 #f9b06e,2rem 0 #07cc70}.browser-window-url{flex:1;min-width:0;max-width:24rem;margin:0 auto;padding:.25rem .75rem;overflow:hidden;border-radius:999px;background:#ffffffbf;font-size:.75rem;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:.75}.browser-window-view{aspect-ratio:var(--window-aspect);overflow:hidden}.browser-window-view img{display:block;width:100%;height:auto;will-change:transform}.browser-scroll-dots{display:none;justify-content:center;gap:.25rem}.browser-scroll-dots button{width:1.5rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer}.browser-scroll-dots button:before{content:"";display:block;width:.5rem;height:.5rem;margin:auto;border-radius:50%;background:currentColor;opacity:.25;transition:opacity .2s}.browser-scroll-dots button[aria-current]:before{opacity:.8}.browser-scroll--still{height:auto}.browser-scroll--still .browser-scroll-stage{position:static;height:auto}.browser-scroll--still .browser-window-view{overflow-y:auto}.next-projects{--link-fg: var(--page-accent);width:min(100%,56rem);margin:calc(var(--section-gap) * 1.6) auto 0}.next-projects-heading{font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:500;line-height:1.2;text-align:center;margin-bottom:clamp(1.5rem,4vh,2.5rem)}.next-projects-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem)}.next-projects .project-media{aspect-ratio:4 / 3}.next-projects .project-title{font-size:clamp(1rem,1.3vw,1.125rem);margin-top:.75rem}@media(max-width:900px){.project-intro{grid-template-columns:1fr;grid-template-rows:none}.project-aside{display:contents}.project-page-title{order:1}.project-details{order:2;width:auto;flex-direction:row;flex-wrap:wrap;gap:1.25rem 2.5rem;margin-top:2rem;padding-top:0}}@media(max-width:900px){.project-story{order:3}.project-intro-art{order:4;margin-top:3rem}}@media(max-width:700px){.project-page{width:calc(100% - 3rem)}.image-row,.media-row{flex-direction:column}.project-split{grid-template-columns:1fr;row-gap:2.5rem}.project-split-text{text-align:center}.media-row>*{flex:none;width:100%}.media-row>.playable-video{order:-1;align-self:center;width:min(100%,22rem)}.browser-scroll-windows{--window-aspect: .75;width:100%}.browser-scroll-windows--many{--window-gap: 3rem;width:calc(100% + 3rem);margin:-1.5rem -1.5rem -3rem;padding:2.5rem 1.5rem 5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 1.5rem;scrollbar-width:none}.browser-scroll-windows--many[data-entrance=swing]:not(.is-visible){transform:perspective(1200px) rotateY(-18deg)}.browser-scroll-windows--many .browser-window{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.browser-scroll-dots{display:flex}.browser-window-view{max-height:calc(100svh - 10rem)}.board--strip{min-height:2.25rem}.image-cell,.image-group{flex:none;width:100%}.image-group .image-cell{flex:var(--aspect) 1 0;width:auto}.image-cell img{translate:var(--phone-shift, 0) 0}}.info{pointer-events:auto;max-width:min(40rem,46vw);text-align:center}.info-lead{font-family:var(--font-name);font-size:clamp(1.125rem,2vw,1.625rem);font-weight:400;line-height:1.3;text-wrap:balance}.info-lead+.info-lead{margin-top:1rem}.info-aside{margin-top:1.5rem;font-family:var(--font-name);font-size:clamp(.75rem,.9vw,.875rem);font-style:italic;opacity:.7}.info-social{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:0;list-style:none}.info-social .social-link{opacity:1}.info-social .social-icon{width:2.25rem;height:2.25rem}.info-social .social-icon--email{width:2.75rem;height:2.75rem}.info-resume{display:inline-block;margin-top:1.25rem;font-family:var(--font-nav);font-size:.9375rem;color:var(--fg);text-decoration:underline;text-underline-offset:.2em;transition:color .15s ease}.info-resume:hover,.info-resume:focus-visible{color:var(--page-accent)}.skater{position:absolute;top:0;left:0;z-index:1;height:clamp(8rem,24vh,14rem);width:auto;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}@media(max-width:700px){.skater{height:clamp(6rem,16vh,8rem)}.info-lead{font-size:1rem}}.play{width:min(100% - 3rem,1320px);margin:0 auto;padding-bottom:clamp(5rem,14vh,9rem);font-family:var(--font-nav)}.play-hero{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,4vw,4rem);min-height:clamp(22rem,62vh,38rem)}.play-headline{flex:0 1 36rem;font-family:var(--font-name);font-size:clamp(1.75rem,3.6vw,3rem);font-weight:400;line-height:1.2;text-align:center;text-wrap:balance}.play-headline em{display:block}.play-cluster{position:relative;flex:none;width:clamp(9rem,17vw,15rem);aspect-ratio:1}.play-piece{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;transform:translate(-50%,-50%) rotate(var(--r));transition:transform .35s cubic-bezier(.3,1.6,.5,1);animation:play-pop .6s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(.15s + var(--i) * 40ms);-webkit-user-select:none;user-select:none}@keyframes play-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) scale(.3)}}.play-piece:hover{transform:translate(-50%,-50%) rotate(calc(var(--r) + 20deg)) scale(1.2)}.play-section{display:grid;grid-template-columns:minmax(13rem,20rem) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,6vw,6rem);margin-top:clamp(5rem,14vh,10rem)}.play-hero+.play-section{margin-top:0}.play-section-text{position:sticky;top:clamp(5rem,12vh,7rem)}.play-section-text h2{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:400;line-height:1.1;letter-spacing:-.01em}.play-section-text p{margin-top:1rem;font-family:var(--font-name);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.55}.play-gallery{--gap: clamp(.75rem, 1.5vw, 1.25rem);display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-items:start;gap:var(--gap)}.play-gallery-column{display:flex;flex-direction:column;gap:var(--gap);padding:0;list-style:none}.play-gallery-item img{display:block;width:100%;height:auto;border-radius:clamp(.5rem,1vw,.875rem)}.play-gallery-item--outlined img{box-shadow:0 0 0 1px #00000024}.play-gallery-item--plain{padding:.25rem 6%}.play-gallery-item--plain img{border-radius:0}.play-zine{margin:0}.play-zine+.play-zine{margin-top:clamp(1.5rem,3vh,2.25rem)}.play-zine figcaption{margin-bottom:.5rem;font-size:.8125rem;opacity:.7}.play-zine .gallery{border-radius:clamp(.5rem,1vw,.875rem)}.play-zine .gallery-item{height:clamp(11rem,25vh,16rem);aspect-ratio:4 / 5}.play-zine .gallery-nav{width:2.5rem;height:2.5rem}.play-zine .gallery-nav svg{width:1.5rem;height:1.5rem}.gallery-open{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.zine-viewer{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;font-family:var(--font-nav);overscroll-behavior:contain}.zine-viewer[open]{display:grid;grid-template-rows:auto 1fr;justify-items:center;align-items:center;animation:zine-viewer-in .25s ease}.zine-viewer::backdrop{background:#14100ce0}@keyframes zine-viewer-in{0%{opacity:0}}.zine-viewer-title{display:flex;gap:1rem;padding:1.25rem 4rem 0;font-size:.875rem;pointer-events:none}.zine-viewer-title span{opacity:.6}.zine-viewer-page{width:min(92vw,(100svh - 9rem) * .8,44rem);animation:zine-page-in .3s ease}@keyframes zine-page-in{0%{opacity:.4}}.zine-viewer-page img{display:block;width:100%;height:auto;box-shadow:0 1.5rem 4rem #00000080}.zine-viewer-nav,.zine-viewer-close{position:fixed;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}.zine-viewer-nav:hover:not(:disabled),.zine-viewer-close:hover{background:var(--page-accent)}.zine-viewer-nav:disabled{opacity:.25;cursor:default}.zine-viewer-nav{top:50%;translate:0 -50%}.zine-viewer-nav--prev{left:clamp(.75rem,3vw,2.5rem)}.zine-viewer-nav--next{right:clamp(.75rem,3vw,2.5rem)}.zine-viewer-close{top:.75rem;right:.75rem}.zine-viewer svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}:root:has(.zine-viewer[open]){overflow:hidden}@media(max-width:900px){.play-section{grid-template-columns:minmax(0,1fr);row-gap:1.75rem}.play-section-text{position:static;max-width:36rem}}@media(max-width:700px){.play{width:calc(100% - 3rem)}.play-hero{flex-direction:column;align-items:stretch;gap:1rem;min-height:0;padding:2rem 0 4rem}.play-cluster{width:100%;aspect-ratio:8}.play-piece{left:calc((var(--n) + .5) / 9 * 100%);top:50%;width:calc(var(--w) * .4)}.play-headline{flex:none}.zine-viewer-nav{top:auto;bottom:1rem;translate:none}}@media(prefers-reduced-motion:reduce){.play-piece{animation:none;transition:none}}