@font-face{font-family:rjEveryday;src:url(../media/RJEveryday_Book-s.p.2uy6-upov75_e.woff2)format("woff2");font-display:swap;font-weight:400 500}@font-face{font-family:rjEveryday Fallback;src:local(Arial);ascent-override:95.26%;descent-override:25.07%;line-gap-override:0.0%;size-adjust:99.73%}.d51LFa_className{font-family:rjEveryday,rjEveryday Fallback}.d51LFa_variable{--font-rj:"rjEveryday", "rjEveryday Fallback"}
:root{--bg:#fcfcfc;--fg:#221605;--muted:#221605b3;--smiley:#221605;--intro-ink:#dae6f7;--font:var(--font-rj), ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f0e;--fg:#efeae1;--muted:#efeae1b3;--smiley:#ece6da;--intro-ink:#e0dbd3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0f0e;--fg:#efeae1;--muted:#efeae1b3;--smiley:#ece6da;--intro-ink:#e0dbd3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.page{box-sizing:content-box;max-width:1080px;min-height:max(100%,620px);padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px));flex-direction:column;margin:0 auto;display:flex}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);height:72px;color:var(--muted);view-transition-name:site-header;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);font-size:15px;display:grid;position:sticky;top:0}.site-header>:first-child{justify-self:start}.site-header a{color:inherit;text-decoration:none;transition:color .2s}.site-header a:hover,.site-header a:focus-visible{color:var(--fg)}.site-header a:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.site-header a{position:relative}.site-header .link-pending{margin-left:6px;position:absolute;top:calc(50% - 3px);left:100%}.header-smiley{view-transition-name:header-smiley;grid-column:2;width:20px;height:20px}.header-smiley.header-smiley-leaving{pointer-events:none;display:none}.header-smiley.header-smiley-leaving.is-leaving{display:block}.header-smiley.header-smiley-leaving.is-rising{animation:.42s cubic-bezier(.4,0,1,1) forwards smiley-rise}.site-nav{grid-column:3;justify-self:end;align-items:center;gap:18px;display:flex}.nav-projects-icon{fill:currentColor;width:16px;height:16px;display:none}@media (max-width:600px){.nav-projects{-webkit-tap-highlight-color:#0000;place-items:center;width:28px;height:28px;display:grid}.nav-projects-icon{display:block}.site-nav{gap:6px}.nav-projects-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.theme-toggle{width:28px;height:28px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-6px;padding:0;transition:color .2s;display:grid}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--fg)}.theme-toggle:focus-visible{outline-offset:1px;outline:2px solid}.theme-icon{grid-area:1/1;width:16px;height:16px;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .2s}.theme-icon-moon{fill:currentColor}.theme-icon-sun{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.theme-icon-sun circle{fill:currentColor;stroke:none}.theme-icon-sun{opacity:0;transform:rotate(90deg)scale(.5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-moon{opacity:0;transform:rotate(-90deg)scale(.5)}:root:not([data-theme=light]) .theme-icon-sun{opacity:1;transform:none}}:root[data-theme=dark] .theme-icon-moon{opacity:0;transform:rotate(-90deg)scale(.5)}:root[data-theme=dark] .theme-icon-sun{opacity:1;transform:none}.footer{height:72px;color:var(--muted);flex-wrap:wrap;flex:none;align-items:center;column-gap:18px;font-size:11px;display:flex}.footer p{margin:0}.footer a{color:inherit;text-decoration:none;transition:color .2s}.footer a:hover,.footer a:focus-visible{color:var(--fg)}.footer a:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.back-to-top{color:inherit;text-decoration:none;transition:color .2s}.back-to-top:hover,.back-to-top:focus-visible{color:var(--fg)}.back-to-top:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.back-to-top{font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}.links{color:var(--muted);gap:18px;margin-top:24px;font-size:15px;display:flex}.links a{color:inherit;text-decoration:none;transition:color .2s}.links a:hover,.links a:focus-visible{color:var(--fg)}.links a:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.hero{flex-direction:column;flex:1;display:flex}.hero:before,.hero:after{content:"";flex:1}.intro{z-index:0;background:var(--bg);letter-spacing:-.015em;text-wrap:wrap;max-width:528px;margin:0;font-size:clamp(24px,6vw,30px);font-weight:500;line-height:1.2;position:relative}@media (max-width:591px){.intro{text-wrap:balance}}.intro-name,.intro-expensify{cursor:default;-webkit-tap-highlight-color:#0000}.intro-text{display:block}.intro.is-masked .intro-text{color:#0000;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}.intro-photo,.intro-video{z-index:-1;object-fit:cover;opacity:0;pointer-events:none;will-change:transform,opacity;border-radius:8px;max-width:none;position:absolute;top:0;left:0}.intro-video{aspect-ratio:16/9;width:min(600px,80vw);height:auto}.intro-photo{width:300px;height:300px}.smiley{transform-origin:50%;display:block;overflow:visible}.intro-smiley{vertical-align:-.06em;width:.7em;height:.7em;margin-inline:.06em;display:inline-block}.smiley-face{fill:var(--smiley-face,var(--smiley))}.smiley-features>*{fill:var(--smiley-cut,var(--bg))}.projects{flex:1;padding-block:152px 120px}.project-list{flex-direction:column;gap:120px;margin:0;padding:0;list-style:none;display:flex}.project-card{color:var(--fg);text-decoration:none;display:block}.project-card:focus-visible{outline-offset:8px;border-radius:8px;outline:2px solid}.project-card-head{align-items:center;gap:10px;display:flex}.project-card-title{letter-spacing:-.01em;width:fit-content;font-size:30px;line-height:36px}.project-card-arrow{color:var(--muted);margin-left:auto;font-size:30px;line-height:1;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .2s}.project-card-tags{color:var(--muted);margin-top:24px;font-size:15px;line-height:24px;display:block}.project-card-media{margin-top:36px}.project-card:hover .project-card-arrow{color:var(--fg);transform:translate(4px)}.project-media{aspect-ratio:16/9;background:color-mix(in srgb, var(--fg) 4%, var(--bg));border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.project-media video,.project-media img{object-fit:cover;width:100%;height:100%;display:block}.project-media video{position:relative}.project-media-poster{position:absolute;inset:0}.link-pending{opacity:0;background:currentColor;border-radius:50%;align-self:center;width:6px;height:6px;animation:.9s ease-in-out .15s infinite link-pending}@keyframes link-pending{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.project{flex:1;padding-block:152px 120px}.project-head{max-width:calc(50% - 8px);margin-bottom:40px}@media (max-width:700px){.project-head{max-width:none}}.project-title{letter-spacing:-.02em;width:fit-content;margin:0;font-size:40px;font-weight:500;line-height:1.05}.project-summary{color:var(--muted);margin:24px 0 0;font-size:clamp(18px,4vw,22px);line-height:1.3}.project-body{max-width:640px;color:var(--muted);margin-top:48px;font-size:17px;line-height:1.5}.project-body p{margin:0 0 1em}.case-section{margin-top:120px}.case-text{max-width:calc(50% - 8px);margin-bottom:40px;font-size:17px;line-height:1.5}.case-text h2{letter-spacing:-.01em;margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.2}.case-text p{color:var(--muted);margin:0 0 1em}.case-text p:last-child{margin-bottom:0}@media (max-width:700px){.case-text{max-width:none}}.case-blocks{gap:16px;display:grid}.case-figure{margin:40px 0}.case-figure figcaption{color:var(--muted);margin-top:16px;font-size:15px}.case-pair{grid-template-columns:var(--cols,1fr 1fr);gap:16px;display:grid}@media (max-width:600px){.case-pair{grid-template-columns:1fr}}.case-tile{background:color-mix(in srgb, var(--fg) 4%, var(--bg));border-radius:8px;position:relative;overflow:hidden}.case-tile.is-wide{aspect-ratio:16/9}.case-tile video,.case-tile img{object-fit:cover;width:100%;height:100%;display:block}.case-tile iframe{border:0;width:100%;height:100%;display:block}.case-tile.is-contain img:not(.case-tile-backdrop){width:auto;margin-inline:auto;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.case-tile.is-contain .case-tile-backdrop{object-fit:cover;filter:blur(32px);position:absolute;inset:0;transform:scale(1.2)}.case-tile-label{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.case-credits{grid-template-columns:1fr 1fr;gap:32px 16px;margin:0;font-size:15px;line-height:1.5;display:grid}.case-credits dt{font-weight:500}.case-credits dt a{color:inherit;text-decoration:none;transition:color .2s}.case-credits dt a:hover,.case-credits dt a:focus-visible{color:var(--fg)}.case-credits dt a:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.case-credits dt a{color:var(--fg)}.case-credits dd{color:var(--muted);margin:0}@media (max-width:600px){.case-credits{grid-template-columns:1fr}}.anim-stage.is-spot{background:#fffaf0;container-type:size}.anim-stage.is-spot .anim-canvas{width:min(var(--w)*1px,100cqw,100cqh*var(--w)/var(--h));aspect-ratio:var(--w)/var(--h);inset:50% auto auto 50%;translate:-50% -50%}.anim-stage.is-spot .anim-spinner{color:#22160580}.anim-spinner{width:24px;height:24px;color:var(--muted);opacity:0;border:2px solid;border-top-color:#0000;border-radius:50%;margin:-12px 0 0 -12px;animation:.2s .25s forwards fade-in-spinner,.8s linear infinite spin;position:absolute;top:50%;left:50%}.anim-canvas.is-ready+.anim-spinner{display:none}@keyframes fade-in-spinner{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.anim-canvas{opacity:0;transition:opacity .3s;position:absolute;inset:0}.anim-canvas.is-ready{opacity:1}.anim-canvas svg{display:block}.anim-carousel:focus{outline:none}.anim-carousel:focus-visible .anim-stage{outline:2px solid var(--fg);outline-offset:4px}.anim-controls{color:var(--muted);align-items:center;gap:12px;margin-top:16px;font-size:15px;display:flex}.anim-title{margin-right:auto}.anim-count{font-variant-numeric:tabular-nums}.anim-arrow{font:inherit;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:0;padding:0 2px;font-size:20px;line-height:1;transition:color .2s,transform .3s cubic-bezier(.2,.8,.2,1)}.anim-arrow:hover,.anim-arrow:focus-visible{color:var(--fg)}.anim-arrow:first-of-type:hover{transform:translate(-3px)}.anim-arrow:last-of-type:hover{transform:translate(3px)}.anim-arrow:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.sound-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;-webkit-tap-highlight-color:#0000;background:#00000059;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background .2s,transform .3s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:16px;right:16px}.sound-toggle:hover{background:#00000080;transform:scale(1.06)}.sound-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.sound-toggle svg{width:20px;height:20px}.sound-toggle .sound-toggle-speaker{fill:currentColor}.sound-toggle .sound-toggle-line{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.sound-board{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:600px){.sound-board{grid-template-columns:repeat(2,1fr)}}.sound-tile{aspect-ratio:1;color:#03d47c;cursor:pointer;-webkit-tap-highlight-color:#0000;background:#002e22;border:0;border-radius:8px;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.sound-tile:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.sound-play{fill:currentColor;width:32px;height:32px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s;position:relative}.sound-tile:hover .sound-play{transform:scale(1.12)}.sound-tile.is-playing .sound-play{opacity:0;transform:scale(.8)}.sound-wave{opacity:0;justify-content:space-between;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:24% 14%}.sound-tile.is-playing .sound-wave{opacity:1}.sound-wave span{--passed:clamp(0, calc((var(--p) - var(--i)) * 25), 1);width:3px;height:calc(var(--h)*100%);opacity:calc(.3 + .7*var(--passed));transform:scaleY(max(.05, var(--passed)));background:currentColor;border-radius:2px;transition:transform .15s cubic-bezier(.2,.8,.2,1),opacity .15s}.sound-meta{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:15px;display:flex}.sound-meta span:last-child{font-variant-numeric:tabular-nums}.track+.track{margin-top:40px}.track-tile:focus-within:has(.track-hit:focus-visible){outline:2px solid var(--fg);outline-offset:4px}.track-tile{overflow:visible}.track-tile video{border-radius:8px}.track-hit{cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:0;padding:0;position:absolute;inset:0}.track-hit:focus-visible{outline:none}.track-play{color:#002e22;background:#ffffffeb;border-radius:50%;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;left:50%}.track-play svg{fill:currentColor;width:24px;height:24px;margin-left:3px}.track-hit:hover .track-play{transform:scale(1.06)}.track-tile.is-playing .track-play{opacity:0;transform:scale(.9)}.track-scrub{height:24px;position:absolute;bottom:0;left:0;right:0}.track-scrub input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.track-scrub input:disabled{cursor:default}.track-bar{background:#ffffff59;border-radius:0 0 8px 8px;height:3px;transition:height .2s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.track-scrub:hover .track-bar{height:6px}.track-scrub:has(input:focus-visible) .track-bar{height:6px}.track-fill{transform:scaleX(var(--progress));transform-origin:0;background:#03d47c;position:absolute;inset:0}.track-knob{left:calc(var(--progress)*100%);opacity:0;pointer-events:none;background:#00a862;border-radius:50%;width:14px;height:14px;transition:opacity .2s,transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:3px;transform:translate(-50%,50%)scale(.6);box-shadow:0 1px 4px #00000040}.track-scrub:hover .track-knob{opacity:1;transform:translate(-50%,50%)}.track-scrub:has(input:focus-visible) .track-knob{opacity:1;transform:translate(-50%,50%)}.track-meter{opacity:0;align-items:center;gap:2px;height:14px;transition:opacity .3s;display:flex}.track-meter.is-playing{opacity:1}.track-meter span{width:2px;height:100%;transform:scaleY(max(.15, var(--h)));background:#03d47c;border-radius:1px;transition:transform 80ms linear}.drawings{flex:1;padding-block:152px 120px}.drawing-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:900px){.drawing-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.drawing-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.drawing{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--fg) 4%, transparent);background:var(--bg);border-radius:8px;overflow:hidden}.drawing img{mix-blend-mode:multiply;width:100%;height:100%;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .drawing img{mix-blend-mode:normal}}:root[data-theme=dark] .drawing img{mix-blend-mode:normal}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(.page-forward){animation:.2s cubic-bezier(.4,0,1,1) both page-out-up}::view-transition-new(.page-forward){animation:.4s cubic-bezier(.2,.8,.2,1) 80ms both page-in-up}::view-transition-old(.page-back){animation:.2s cubic-bezier(.4,0,1,1) both page-out-down}::view-transition-new(.page-back){animation:.4s cubic-bezier(.2,.8,.2,1) 80ms both page-in-down}::view-transition-old(.page-down){animation:.22s cubic-bezier(.4,0,1,1) both page-sink}::view-transition-new(.page-down){animation:.44s cubic-bezier(.2,.8,.2,1) .16s both page-drop}::view-transition-old(.page-fade){animation:.16s ease-in both fade-out}::view-transition-new(.page-fade){animation:.24s ease-out both fade-in}::view-transition-group(.project-title-morph){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(.project-title-morph){object-fit:fill;height:100%;animation-duration:.48s}::view-transition-new(.project-title-morph){object-fit:fill;height:100%;animation-duration:.48s}::view-transition-group(.project-media-morph){animation-duration:.52s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(.project-media-morph){animation:none}::view-transition-new(.project-media-morph){mix-blend-mode:normal;animation:.52s cubic-bezier(.2,.8,.2,1) both fade-in}::view-transition-old(header-smiley){opacity:0;animation:none}::view-transition-new(header-smiley){animation:none}::view-transition-new(header-smiley):only-child{animation:.56s cubic-bezier(.3,1.4,.5,1) .16s both smiley-drop}::view-transition-old(header-smiley):only-child{opacity:1;animation:.3s cubic-bezier(.4,0,1,1) both smiley-rise}@keyframes smiley-drop{0%{opacity:0;translate:0 -48px}30%{opacity:1}}@keyframes smiley-rise{to{opacity:0;translate:0 -48px}}:is(:root:active-view-transition-type(theme) .site-header,:root:active-view-transition-type(theme) .header-smiley){view-transition-name:none}:root:active-view-transition-type(theme)::view-transition-old(root){animation:none}:root:active-view-transition-type(theme)::view-transition-new(root){animation:.52s cubic-bezier(.2,.8,.2,1) theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x) var(--theme-y))}to{clip-path:circle(var(--theme-r) at var(--theme-x) var(--theme-y))}}@keyframes page-out-up{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in-up{0%{opacity:0;transform:translateY(12px)}}@keyframes page-out-down{to{opacity:0;transform:translateY(8px)}}@keyframes page-in-down{0%{opacity:0;transform:translateY(-12px)}}@keyframes page-sink{to{opacity:0;transform:translateY(20px)}}@keyframes page-drop{0%{opacity:0;transform:translateY(-20px)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);margin:0;font-size:15px;font-weight:500;line-height:1.4;overflow-x:clip}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}