@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Open+Sans:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500&text=human&display=swap";@font-face{font-family:Allcaps Trials Medium;src:url(/assets/Visual-Medium-trial-Bw0znhk-.otf) format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Allcaps Trials Semibold;src:url(/assets/Visual-Semibold-trial-Du5Rev_d.otf) format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Allcaps Trials;src:url(/assets/Visual-Medium-trial-Bw0znhk-.otf) format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Magnette Trial;src:url(/projects/album/MagnetteTrial-Bold.otf) format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Neureal Trial;src:url(/projects/album/NeurealTrial-Regular.otf) format("opentype");font-style:normal;font-display:swap}:root{--accent: #D72B24;--cursor-hue: 0deg}html,body,#root{height:100%;width:100%;margin:0;padding:0}*{box-sizing:border-box}body{background:#f9f9f9;overflow-y:scroll}html,body,#root,*{cursor:none!important}.play-canvas,.play-canvas *{cursor:grab!important}.play-canvas.is-dragging,.play-canvas.is-dragging *{cursor:grabbing!important}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){html,body,#root,*,.play-canvas,.play-canvas *,.play-canvas.is-dragging,.play-canvas.is-dragging *{cursor:auto!important}}::selection{background:var(--accent);color:#fff}.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(156,150,141,.32) 1px,transparent 1.25px);background-size:16px 16px;background-position:0 0,0 0;opacity:.5;mask-image:linear-gradient(to bottom,#000000f2,#0000001a);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.1))}.site-footer:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#80776c14,#1b171200 56%);opacity:.6}@media(max-width:900px){.home-hero{padding:40px 24px!important;min-height:auto!important}.home-work{padding:20px 24px 64px!important}.home-project-grid{gap:20px!important;grid-template-columns:1fr!important}.site-footer{padding:28px 24px 32px!important}.footer-inner{gap:28px!important}.footer-left{width:100%!important}.footer-contact-links{gap:24px!important}.footer-bottom{grid-template-columns:1fr!important;gap:14px!important;margin-top:42px!important}.footer-bottom p{text-align:left!important}.case-study-layout{grid-template-columns:1fr!important;padding:96px 24px 72px!important}.case-study-sidebar{display:none!important}.case-study-layout:before{display:none}.case-study-layout section{padding-left:0!important;padding-right:0!important}.case-study-layout section[id]{scroll-margin-top:96px}.case-study-back-top{display:none!important}.case-study-content{max-width:100%!important;padding-left:0!important;padding-right:0!important;overflow-x:hidden}.cs-research-stats{grid-template-columns:1fr!important;gap:16px!important}.cs-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}@media(max-width:780px){.cs-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}.case-study-layout:before{content:"";position:absolute;left:calc(var(--layout-left, 48px) + var(--sidebar-width, 200px) + var(--sidebar-gap, 40px));top:76px;bottom:0;width:1px;background:#d4d4d4;pointer-events:none;z-index:20}.case-study-layout section[id]{scroll-margin-top:110px}@media(min-width:901px){.case-study-sidebar{position:relative!important}.case-study-sidebar .case-study-sidebar-inner{position:fixed!important;top:96px!important;left:48px!important;width:126px;height:calc(100vh - 120px)!important}}@media(max-width:1439px){.cs-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.cs-solution-card{min-height:0!important}.cs-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.cs-stats-card{min-height:0!important;padding:16px 14px!important}.cs-media-frame{height:auto!important}.cs-problem-banner p{font-size:14px!important}.cs-journey-desktop{display:none!important}.cs-journey-mobile{display:grid!important}}@media(max-width:720px){.home-work{padding:18px 18px 56px!important}.cs-solution-grid,.cs-stats-grid,.cs-audience-grid,.cs-process-grid,.cs-text-triptych,.cs-split-triptych{grid-template-columns:1fr!important}.cs-split-triptych-right{grid-template-columns:1fr!important;grid-template-rows:none!important}.cs-subsection-video-row,.cs-subsection-media-row{grid-template-columns:1fr!important}.cs-subsection-media-right{justify-self:stretch!important;max-width:none!important}.cs-two-column-images,.cs-two-up-grid,.cs-three-up-grid{grid-template-columns:1fr!important}.cs-competitor-grid{display:flex!important;flex-direction:column;gap:12px}.cs-competitor-card{grid-template-rows:none!important}}@media(max-width:500px){.cs-meta-grid{grid-template-columns:1fr!important}}@keyframes heroDotSquish{0%{transform:scale(1)}30%{transform:scale(1.5,.6)}60%{transform:scale(.85,1.2)}to{transform:scale(1)}}.hero-dot-squish{animation:heroDotSquish .45s ease-out}@media(prefers-reduced-motion:reduce){.hero-dot-squish{animation:none}}.about-key{font-weight:600;color:#2e2a26}.about-key-group{white-space:nowrap}.about-chip,.about-icon{display:inline-block;height:1.15em;margin:0 .1em 0 .3em;vertical-align:-.2em}.about-chip-link{text-decoration:none}.about-chip{position:relative;width:1.5em;object-fit:cover;border-radius:3px;transform-origin:50% 85%;transition:transform .26s cubic-bezier(.34,1.4,.64,1),box-shadow .26s ease}@media(hover:hover){.about-chip:hover{z-index:2;transform:scale(3.2) rotate(-2deg);box-shadow:0 1px 4px #0000001f}}.about-icon{width:1.15em;background:var(--accent);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}@media(prefers-reduced-motion:reduce){.about-chip{transition:none}}@media(max-width:900px){.about-new{grid-template-columns:1fr!important;padding:40px 24px 0!important;gap:48px!important}.about-new-photo{position:static!important;width:240px;margin-top:0!important;justify-self:center}}.pt{position:relative;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;--pt-spring: cubic-bezier(.34, 1.4, .64, 1)}@supports (transition-timing-function: linear(0,1)){.pt{--pt-spring: linear(0, .054, .185, .357, .538, .708, .853, .967, 1.047, 1.097, 1.122, 1.126, 1.116, 1.098, 1.075, 1.053, 1.032, 1.015, 1.001, .992, .987, .984, .984, .986, .988, .991, .994, .997, 1)}}.pt:focus-visible{outline:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:4px;border-radius:2px}.pt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;-webkit-user-select:none;user-select:none}.pt-word{white-space:nowrap}.pt-char{display:inline-block}.pt-scribble{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none;opacity:0;transition:opacity .26s ease}.pt--scribble.is-active .pt-scribble{opacity:1;transition:none}.pt-scribble path{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.pt--wiggle .pt-char{transform-origin:50% 65%;transition:transform .62s var(--pt-spring);transition-delay:calc(var(--i) * 12ms)}.pt--wiggle.is-active .pt-char{transform:translateY(var(--y)) rotate(var(--r));transition-delay:calc(var(--i) * 22ms)}.pt--hand{display:inline-grid;align-items:baseline}.pt-hand-type,.pt-hand-script{grid-area:1 / 1}.pt-hand-type{transition:opacity .26s ease 60ms,filter .26s ease 60ms}.pt-hand-script{width:0;justify-self:center;display:flex;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.pt-hand-script>span{font-family:Caveat,Bradley Hand,cursive;font-weight:500;font-size:1.36em;line-height:1;white-space:nowrap;opacity:0;transform:rotate(-3deg) translateY(1px);clip-path:inset(-40% 100% -40% -15%);transition:opacity .22s ease,clip-path 0s linear .22s}.pt--hand.is-active .pt-hand-type{opacity:0;filter:blur(2px);transition:opacity .2s ease,filter .2s ease}.pt--hand.is-active .pt-hand-script>span{opacity:1;clip-path:inset(-40% -15% -40% -15%);transition:opacity .16s ease,clip-path .52s cubic-bezier(.5,0,.3,1)}.pt--exploded .pt-char{transition:transform .64s var(--pt-spring)}.pt--exploded.is-active .pt-char{transform:translate(var(--x),var(--y));transition-delay:calc(var(--o) * 14ms)}.pt-fall{transform-origin:40% 85%}.pt--drop.is-playing .pt-fall{animation:ptFall 1.15s both}@keyframes ptFall{0%{transform:translateY(0) rotate(0);animation-timing-function:ease-out}10%{transform:translateY(-1.5px) rotate(-6deg);animation-timing-function:cubic-bezier(.5,0,.9,.4)}34%{transform:translateY(11px) rotate(18deg);animation-timing-function:cubic-bezier(.2,.6,.4,1)}44%{transform:translateY(7.5px) rotate(13deg);animation-timing-function:cubic-bezier(.6,0,.9,.5)}53%{transform:translateY(11px) rotate(16deg)}70%{transform:translateY(11px) rotate(16deg);animation-timing-function:cubic-bezier(.3,0,.2,1)}88%{transform:translateY(-1.2px) rotate(-3deg);animation-timing-function:ease-in-out}to{transform:translateY(0) rotate(0)}}@media(prefers-reduced-motion:reduce){.pt-char{transform:none!important;transition:none!important;animation:none!important}.pt-hand-type,.pt--hand.is-active .pt-hand-type{filter:none}.pt-hand-script>span,.pt--hand.is-active .pt-hand-script>span{transform:none;clip-path:none;transition:opacity .2s ease}}.fortune{perspective:1400px;transform:rotate(var(--tilt, var(--rest-tilt)));transition:transform .45s cubic-bezier(.2,.7,.3,1)}.fortune-card{position:relative;display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1);-webkit-tap-highlight-color:transparent}.fortune.is-flipped .fortune-card{transform:rotateY(180deg)}.fortune-card:focus-visible{outline:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:6px}.fortune-face{display:block;border:1px solid #eee;box-shadow:0 14px 34px #0000001f;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fortune-front{background:#fff;padding:12px 12px 44px;transition:transform .26s cubic-bezier(.34,1.4,.64,1),box-shadow .26s ease}.fortune-photo{display:block;aspect-ratio:4 / 5;overflow:hidden;background:#f3f3f3}.fortune-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}@media(hover:hover){.fortune.is-interactive:not(.is-flipped) .fortune-card:hover .fortune-front{transform:translateY(-3px);box-shadow:0 18px 38px #00000024}}.fortune-back{position:absolute;inset:0;transform:rotateY(180deg);background:#fffdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 18px}.fortune-stage{position:relative;display:block;width:100%;height:104px;transition:transform .52s cubic-bezier(.3,.7,.2,1)}.fortune.is-open .fortune-stage{transform:translateY(56px)}.fortune-cookie-svg{position:absolute;left:50%;bottom:0;width:124px;overflow:visible;transform:translate(-50%)}.fortune-shell{fill:#edc27e;stroke:transparent;stroke-width:1.2;stroke-linejoin:round;transition:stroke .12s ease}.fortune-shade{fill:#d9a05a}.fortune-side{fill:#dfaa62}.fortune-shine{fill:none;stroke:#f7dda8;stroke-width:2;stroke-linecap:round}.fortune-outline{fill:none;stroke:#c9924a;stroke-width:1.2;stroke-linejoin:round;transition:opacity .12s ease}.fortune-peek rect{fill:#fff;stroke:#e2dcd2;stroke-width:.8}.fortune-peek path{stroke:var(--accent);stroke-width:.8;stroke-linecap:round}.fortune.is-open .fortune-shell{stroke:#c9924a}.fortune.is-open .fortune-outline,.fortune.is-open .fortune-peek{opacity:0}.fortune-piece{transform-box:fill-box;transition:transform .52s cubic-bezier(.34,1.5,.64,1)}.fortune-piece--top{transform-origin:52% 100%}.fortune-piece--bottom{transform-origin:96% 100%}.fortune.is-open .fortune-piece--top{transform:translate(7px,-3px) rotate(12deg)}.fortune.is-open .fortune-piece--bottom{transform:translate(-7px,3px) rotate(-12deg)}.fortune-slip{position:absolute;left:50%;bottom:34px;width:min(220px,100%);padding:10px 14px 9px;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:6px;text-align:center;opacity:0;transform:translate(-50%,20px) scaleX(.15);animation:fortuneSlip .62s cubic-bezier(.3,.8,.3,1) .22s forwards}@keyframes fortuneSlip{0%{opacity:0;transform:translate(-50%,20px) scaleX(.15)}45%{opacity:1;transform:translate(-50%,-52px) scaleX(.15)}to{opacity:1;transform:translate(-50%,-66px) scaleX(1)}}.fortune-text{font-family:Open Sans,sans-serif;font-size:12px;line-height:1.45;color:#4a4540}.fortune-lucky{font-family:Open Sans,sans-serif;font-size:7.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.fortune-hint{font-family:Nunito,sans-serif;font-style:italic;font-size:15px;line-height:1.4;color:#6b655e;transition:opacity .2s ease}.fortune.is-open .fortune-hint{opacity:0}@media(prefers-reduced-motion:reduce){.fortune,.fortune-card,.fortune-front,.fortune-stage,.fortune-piece{transition:none}.fortune-slip{animation:none;opacity:1;transform:translate(-50%,-66px)}}.hero-period{position:relative;display:inline-block;font-size:inherit;width:.17em;height:.17em;padding:0;margin:0 0 0 .05em;border:none;border-radius:50%;background:transparent;vertical-align:baseline;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-period:before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%}.hero-period:focus-visible{outline:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:6px}.hero-period-magnet{position:absolute;inset:0;display:block;transition:transform .52s cubic-bezier(.34,1.56,.64,1)}.hero-period-magnet.is-near{transition:transform .14s ease-out}.hero-period-scale{position:absolute;inset:0;display:block;transition:transform .18s cubic-bezier(.3,.7,.4,1)}@media(hover:hover){.hero-period:hover .hero-period-scale{transform:scale(1.3)}}.hero-period:focus-visible .hero-period-scale{transform:scale(1.3)}.hero-period-dot{position:absolute;inset:0;display:block;border-radius:50%;background:var(--accent);transform-origin:50% 85%;transition:background .3s ease}.hero-period-dot.is-squash{animation:heroPeriodSquash .26s both}@keyframes heroPeriodSquash{0%{transform:scale(1);animation-timing-function:cubic-bezier(.3,0,.5,1)}35%{transform:scale(1.22,.78);animation-timing-function:cubic-bezier(.4,0,.3,1)}68%{transform:scale(.94,1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hero-period-scale{transition:none}.hero-period-magnet{transform:none!important}.hero-period-dot.is-squash{animation:none}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.hero-period,.hero-period *{cursor:pointer!important}}.splash{position:fixed;inset:0;z-index:100000;overflow:hidden;pointer-events:none}.splash-screen{position:absolute;inset:0;background:#f9f9f9}.splash.is-reveal .splash-screen{opacity:0;transition:opacity .6s ease .22s}.splash-stage{position:absolute;inset:0;transform-origin:0 0;transition:transform .42s cubic-bezier(.22,.9,.3,1);will-change:transform}.splash.is-intro .splash-stage{transition:none}.splash.is-reveal .splash-stage{transition:transform .82s cubic-bezier(.65,0,.25,1)}.splash-headline{position:absolute;margin:0;white-space:normal}.splash-letter{animation:splashLetter .13s ease-out both}@keyframes splashLetter{0%{opacity:0}to{opacity:1}}.splash-caret{position:relative;display:inline-block;width:.17em;height:.17em;margin:0 0 0 .05em;vertical-align:baseline}.splash-caret-cursor,.splash-caret-dot{position:absolute;inset:0;border-radius:50%}.splash-caret-cursor{background-size:contain;background-position:center;background-repeat:no-repeat;filter:hue-rotate(var(--cursor-hue, 0deg));transform-origin:0% 100%;transform:scale(var(--splash-tomato-scale, 1.3));transition:opacity .36s ease .26s,transform .62s cubic-bezier(.65,0,.25,1)}.splash-caret-dot{background:var(--accent);opacity:0;transition:opacity .36s ease .26s}.splash.is-reveal .splash-caret-cursor{opacity:0;transform:scale(1)}.splash.is-reveal .splash-caret-dot{opacity:1}.splash.is-intro .splash-caret{animation:splashCaretIn .46s cubic-bezier(.34,1.56,.64,1) both}@keyframes splashCaretIn{0%{transform:scale(0)}to{transform:scale(1)}}.is-splash-reveal nav,.is-splash-reveal .home-hero p,.is-splash-reveal .home-work{animation:splashRise .7s cubic-bezier(.2,.7,.3,1) both}.is-splash-reveal .home-hero p{animation-delay:.38s}.is-splash-reveal nav{animation-delay:.48s}.is-splash-reveal .home-work{animation-delay:.56s}@keyframes splashRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp2{position:fixed;inset:0;z-index:100000;background:var(--accent);color:#fff;pointer-events:none}.sp2-stage{position:absolute;inset:0;transform-origin:0 0;transition:transform .38s cubic-bezier(.22,.9,.3,1);will-change:transform}.sp2.is-wait .sp2-stage{transition:none}.sp2.is-pullback .sp2-stage,.sp2.is-iris .sp2-stage{transition:transform .65s cubic-bezier(.65,0,.25,1)}.sp2-end{display:inline-block;width:0;height:.17em;vertical-align:baseline}.sp2-headline{position:absolute;margin:0;white-space:normal}.sp2-letter{animation:sp2Letter .13s ease-out both}@keyframes sp2Letter{0%{opacity:0}to{opacity:1}}.is-splashing .home-hero h1{visibility:hidden}.is-splash-iris .hero-period-dot{opacity:0}