:root{--ink: #141414;--ink-2: #4a4843;--ink-3: #67645e;--paper: #f3f1ea;--paper-2: #e9e6dd;--line: rgba(20, 20, 20, .14);--brand: #88bdf2;--focus: var(--ink);--focus-halo: var(--paper);--controls-reserve: 0px;--display: "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;--sans: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(16px, 3vw, 40px);--ease: cubic-bezier(.2, .7, .1, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 6px var(--focus-halo)}kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 8px;border:1px solid var(--line);border-bottom-width:2px;background:#fff9;font:600 11px/1 var(--sans);color:var(--ink)}.skip-link{position:fixed;left:var(--gutter);top:-64px;z-index:100;padding:8px 16px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600}.skip-link:focus{top:16px}.world,.stage{position:fixed;top:0;right:0;bottom:0;left:0}.stage canvas{display:block}.stage:focus-visible{outline:none;box-shadow:none}.stage:focus-visible:not([data-playing]):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--focus-halo),inset 0 0 0 4px var(--focus),inset 0 0 0 6px var(--focus-halo)}.world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:16px;text-align:center;padding:var(--gutter)}.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:24px;padding:16px var(--gutter);pointer-events:none}.nav>*{pointer-events:auto}.nav__brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.01em;margin-right:auto}.nav__brand em{font-style:normal;font-weight:400;color:var(--ink);margin-left:8px}.nav__links{display:flex;align-items:center;gap:4px}.nav__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font:500 13px/1 var(--sans);color:var(--ink);text-decoration:none;padding:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s var(--ease)}.nav__link:hover{background:#1414140f}.nav__link[aria-expanded=true]{text-decoration:underline;text-underline-offset:4px}.nav__state{color:var(--ink);font-weight:400}.nav__sound[aria-pressed=true] .nav__state{font-weight:600}.nav__divider{width:1px;height:16px;background:var(--line);margin:0 8px}.eq{display:inline-flex;align-items:flex-end;gap:1.5px;height:10px}.eq i{width:2px;height:3px;background:currentColor}.eq--on i{animation:eq .9s ease-in-out infinite;background:var(--ink)}.eq--on i:nth-child(2){animation-delay:-.3s}.eq--on i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:3px}50%{height:10px}}.intro{position:absolute;display:flex;flex-direction:column;gap:8px 0;right:var(--gutter);bottom:clamp(96px,22vh,224px);z-index:20;width:min(460px,calc(100vw - var(--gutter) * 2));padding:32px;background:#f3f1eaf0;border:1px solid var(--line);box-shadow:0 30px 60px -30px #14141459;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-height:calc(100dvh - clamp(96px,22vh,224px) - 72px);overflow-y:auto;overscroll-behavior:contain}.intro__kicker,.eyebrow{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin:0 0 16px}.intro__kicker{letter-spacing:1px}.intro__title{font:400 clamp(46px,5.4vw,64px) / .9 var(--display);letter-spacing:.005em;margin:0 0 16px}.intro__title em{font-style:normal;color:var(--ink-2)}.intro__body{margin:0 0 24px;color:var(--ink-2)}.intro__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.intro__hint{margin:0;font-size:12px;color:var(--ink-3)}.intro__hint-label{display:block;margin-bottom:8px;color:var(--ink);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:transparent;color:var(--ink);font:600 13px/1 var(--sans);padding:12px 24px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,transform .25s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--paper)}.hud-counter{position:absolute;left:var(--gutter);top:88px;display:grid;grid-template-columns:auto;gap:4px;opacity:0;transform:translateY(-6px);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}.hud-counter.is-visible{opacity:1;transform:none}.hud-counter__label{font:600 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.hud-counter__value{font:400 72px/.9 var(--display);animation:pop .28s var(--ease)}.hud-counter__best{font-size:12px;color:var(--ink-2)}@keyframes pop{0%{transform:translateY(6px);opacity:.4}}.hud-prompt{position:absolute;left:50%;top:88px;transform:translate(-50%);pointer-events:none;max-width:calc(100vw - 32px)}.hud-prompt__inner{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f1eae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:2px solid var(--ink);font-size:13px;font-weight:500;white-space:nowrap;animation:rise .3s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.hud-toast{position:absolute;left:50%;top:136px;transform:translate(-50%);font:400 32px/1 var(--display);letter-spacing:.02em;animation:rise .4s var(--ease);pointer-events:none}.caption{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none;width:min(560px,calc(100vw - 32px))}.caption__inner{display:inline-block;max-width:100%;padding:20px 28px 24px;background:linear-gradient(var(--brand),var(--brand)) 50% 0 / 56px 2px no-repeat,linear-gradient(112deg,#141414e6,#141414bd);-webkit-backdrop-filter:blur(10px) saturate(.8);backdrop-filter:blur(10px) saturate(.8);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,12px 100%,0 calc(100% - 12px));color:var(--paper);animation:caption 5.4s var(--ease) both}.caption__kicker{margin:0 0 8px;font:600 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#f3f1eab8}.caption__title{margin:0;font-size:clamp(48px,7vw,96px)}.caption__sub{margin:16px 0 0;font-size:17px;line-height:26px;font-weight:500;color:var(--paper);text-wrap:balance}@keyframes caption{0%{opacity:0;transform:translateY(10px)}12%,80%{opacity:1;transform:none}to{opacity:0}}.previews{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;pointer-events:none}.pp-anchor{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.pp{--t: .44s;--pp-w: calc(min(400px, 100vw - 32px) - 34px) ;--pp-img: 144px;position:absolute;left:0;bottom:0;transform:translate(-50%);overflow:hidden;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--brand);box-shadow:0 18px 40px -24px #14141473;color:var(--ink);animation:pp-in .36s var(--ease) both;transition:width var(--t) var(--ease) .12s,height var(--t) var(--ease) .12s}.pp.is-open{transition-delay:0ms}.pp{pointer-events:auto;cursor:pointer}.pp.is-leaving{pointer-events:none}.pp.is-leaving{animation:pp-out .24s var(--ease) both}@keyframes pp-in{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0)}}@keyframes pp-out{to{clip-path:inset(0 50% 0 50%);opacity:0}}.pp p{margin:0}.pp__num{position:absolute;top:10px;font:600 11px/16px var(--sans);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.pp__num{left:16px;color:var(--ink-3);animation:pp-fade .24s var(--ease) .12s both;transition:top var(--t) var(--ease) .12s}.pp__title{position:absolute;left:0;top:0;font-size:32px;line-height:32px;white-space:nowrap;transform-origin:0 0;transform:translate(48px,10px) scale(.5);animation:pp-fade .24s var(--ease) .12s both;transition:transform var(--t) var(--ease) .12s}.pp__arrow{position:absolute;right:16px;top:10px;color:var(--ink);transition:opacity .2s var(--ease) .36s}.pp--place .pp__title{transform:translate(16px,10px) scale(.5)}.is-open .pp__num{top:16px;transition-delay:0ms}.is-open .pp__title{transform:translate(16px,40px) scale(1);transition-delay:0ms}.is-open .pp__arrow{opacity:0;transition-duration:.16s;transition-delay:0ms}@keyframes pp-fade{0%{opacity:0}}.pp__teaser,.pp__tags,.pp__cta{opacity:0;transform:translateY(8px);transition:opacity .16s var(--ease),transform .16s var(--ease)}.pp__body{position:absolute;left:16px;top:80px;width:var(--pp-w);display:flex;gap:16px}.pp__body.has-media{top:88px;min-height:160px}@media (max-width: 379px){.pp__body:not(.has-media) .pp__tags{display:none}}@media (max-width: 479px){.pp{--pp-img: 112px}}.pp__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.pp__teaser{font-size:14px;line-height:21px;color:var(--ink-2)}.pp__tags{display:flex;flex-wrap:wrap;gap:4px;font:500 9.5px/14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.pp__tags span{padding:1px 6px;border:1px solid rgba(20,20,20,.22);white-space:nowrap}.has-media .pp__tags{margin-top:auto}.pp__img{flex:none;width:var(--pp-img);height:160px;display:block;overflow:hidden;background:var(--paper-2);clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--ease)}.pp__img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .2s var(--ease)}.pp__cta{position:absolute;left:0;right:0;bottom:0;height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-top:1px solid var(--line);font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.is-open .pp__teaser,.is-open .pp__tags,.is-open .pp__cta{opacity:1;transform:none;transition-duration:.32s}.is-open .pp__teaser{transition-delay:.22s}.is-open .pp__tags{transition-delay:.28s}.is-open .pp__img{clip-path:inset(0);transition:clip-path var(--t) var(--ease) .24s}.is-open .pp__img img{transform:none;transition:transform .64s var(--ease) .24s}.is-open .pp__cta{transition-duration:.24s;transition-delay:.52s}.callout__row{position:absolute;left:0;right:0;top:0;height:36px;display:flex;align-items:center;gap:8px;padding:0 16px;margin:0;font:600 11px/16px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;animation:pp-fade .24s var(--ease) .12s both}.callout__icon{flex:none;color:var(--ink);animation:buzz 1.2s steps(1) infinite}.callout__name{font-size:16px;line-height:16px;color:var(--ink)}.callout__row{transition:height var(--t) var(--ease) .12s}.callout.is-open .callout__row{height:48px;transition-delay:0ms}.callout__name{transition:opacity .16s var(--ease) .12s}.callout.is-open .callout__name{opacity:0;transition-delay:0ms}.callout .pp__title{opacity:0;animation:none;transform:translate(16px,48px) scale(.5);transition:opacity .16s var(--ease),transform var(--t) var(--ease)}.callout.is-open .pp__title{opacity:1;transform:translate(16px,40px) scale(1);transition-delay:80ms}@keyframes buzz{0%,8%,17%,25%,33%{transform:translate(-1px)}4%,12%,21%,29%,37%{transform:translate(1px)}42%,to{transform:none}}.story{position:absolute;left:0;top:0;width:min(352px,100vw - 40px);transform:translate(-50%);padding:16px 24px 18px;overflow:hidden;border:0;background:linear-gradient(var(--brand),var(--brand)) 24px 0 / 56px 2px no-repeat,linear-gradient(112deg,#141414e6,#141414ad);-webkit-backdrop-filter:blur(10px) saturate(.8);backdrop-filter:blur(10px) saturate(.8);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,12px 100%,0 calc(100% - 12px));filter:drop-shadow(0 16px 24px rgba(20,20,20,.2));animation:pp-in .48s var(--ease) both}.story p{margin:0;color:var(--paper);font-size:16px;line-height:25px;text-wrap:balance;animation:story-text .48s var(--ease) .16s both}@media (max-height: 479px){.story{width:min(296px,100vw - 40px);padding:12px 16px 14px}.story p{font-size:14px;line-height:21px}.caption{top:12%}.caption__inner{padding:14px 20px 18px}.caption__title{font-size:48px}.caption__sub{margin-top:8px;font-size:14px;line-height:21px}}.story.is-leaving{animation:pp-out .24s var(--ease) both}@media (max-width: 599px){:root .hud-prompt{top:calc(var(--nav-bottom, 52px) + 4px)}.hud-prompt__inner{padding:4px 12px;font-size:12px}.hud-prompt__inner kbd{height:22px}}.story.is-covered{opacity:0;transition:opacity .2s var(--ease)}@media (max-width: 599px){.story{padding:14px 18px 16px;background:linear-gradient(var(--brand),var(--brand)) 18px 0 / 40px 2px no-repeat,linear-gradient(112deg,#141414e6,#141414ad)}.story p{font-size:15px;line-height:22px}}@keyframes story-text{0%{opacity:0;transform:translateY(8px)}}.hud-prompt__inner.is-actionable{pointer-events:auto;cursor:pointer}.hud-exit{position:absolute;top:50%;z-index:12;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:0;background:#f3f1eae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:500 13px/24px var(--sans);white-space:nowrap;cursor:pointer;animation:rise .3s var(--ease)}.hud-exit--left{left:var(--gutter);border-left:2px solid var(--ink)}.hud-exit--right{right:var(--gutter);border-right:2px solid var(--ink)}.hud-exit:hover{background:var(--paper)}.ctl{--body-hi: #fbfaf7;--body: #f0eee8;--body-lo: #e4e1d9;--well: #dcd8cf;--hairline: rgba(70, 64, 52, .12);--engrave: #57544d;--engrave-2: #6c6960;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .28 0 0 0 0 .24 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");--btn: 48px;position:absolute;z-index:30;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;font-family:var(--sans)}.ctl-shell{--r: 24px;position:relative;display:flex;align-items:center;border:1px solid rgba(70,64,52,.12);border-bottom-color:#46403438;border-radius:var(--r);background:var(--grain),linear-gradient(180deg,var(--body-hi),var(--body) 50%,var(--body-lo));box-shadow:inset 0 2px 1px #fffffff2,inset 0 0 0 1px #fff6,inset 14px 0 18px -12px #5a524433,inset -14px 0 18px -12px #5a524433,inset 0 -3px 4px #5a524433,inset 0 -20px 24px -12px #5a524447,0 1px #3c362c2e,0 2px 3px #14141424,0 8px 14px -4px #1414142e,0 26px 44px -14px #14141480}.ctl-shell:before{content:"";position:absolute;top:5px;right:6px;bottom:9px;left:6px;border-radius:calc(var(--r) - 6px);background:linear-gradient(180deg,#ffffffbf,#ffffff26 55%,#fff0);box-shadow:0 2px 6px #ffffff80;filter:blur(1.5px);pointer-events:none}.ctl-legend{display:inline-flex;align-items:center;gap:6px;font:600 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--engrave);text-shadow:0 1px 0 rgba(255,255,255,.9);white-space:nowrap}.ctl-legend__key{padding:2px 4px;border:1px solid rgba(70,64,52,.22);border-radius:4px;letter-spacing:.08em;box-shadow:0 1px #ffffffe6}.ctl-run__mark{opacity:.4;transition:opacity .12s var(--ease)}.ctl-move.is-running .ctl-run{color:var(--ink)}.ctl-move.is-running .ctl-run__mark{opacity:1}.ctl-rocker__side,.ctl-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;color:var(--engrave);background:var(--grain),radial-gradient(120% 100% at 50% 0%,#ffffff 0%,var(--body-hi) 35%,var(--body) 70%,var(--body-lo) 100%);box-shadow:inset 0 1px #fff,inset 0 -2px 3px #6e64541f,0 0 0 1px var(--hairline),0 1px 1px #1414141a,0 3px 5px -1px #14141429,0 8px 14px -6px #14141438;text-shadow:0 1px 0 rgba(255,255,255,.9);cursor:pointer;touch-action:none;transition:transform 80ms var(--ease),box-shadow 80ms var(--ease),background 80ms var(--ease),color 80ms var(--ease)}.ctl-rocker__side:hover:not(:disabled),.ctl-btn:hover:not(:disabled){color:var(--ink)}.ctl-rocker__side.is-down,.ctl-btn.is-down{transform:translateY(1.5px);color:var(--ink);background:var(--grain),radial-gradient(120% 100% at 50% 100%,var(--body-hi) 0%,var(--body) 55%,var(--body-lo) 100%);box-shadow:inset 0 2px 4px #5a504033,inset 0 -1px #ffffffb3,0 0 0 1px #46403429,0 1px 1px #1414140f}.ctl-move{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.ctl-rocker{display:flex;align-items:stretch;gap:1px;padding:4px;border-radius:999px;background:linear-gradient(180deg,var(--well),var(--body-hi));box-shadow:inset 0 2px 4px #50483a2e,inset 0 0 0 1px var(--hairline),0 1px #ffffffe6;touch-action:none}.ctl-rocker__side{display:grid;place-items:center;width:56px;height:var(--btn)}.ctl-rocker__side--left{border-radius:999px 6px 6px 999px}.ctl-rocker__side--right{border-radius:6px 999px 999px 6px}.ctl-rocker__groove{width:1px;margin:8px 0;background:#4640342e;box-shadow:1px 0 #fffc}.ctl-move.is-running .ctl-rocker__side.is-down{transform:translateY(2px);box-shadow:inset 0 3px 6px #5a504047,inset 0 -1px #fff9,0 0 0 1px #46403433}.ctl-face{--socket: calc(var(--btn) + 6px);--rise: 2px;position:relative;display:grid;grid-template-columns:repeat(4,calc(var(--socket) / 2));grid-template-rows:repeat(2,var(--socket));column-gap:4px;row-gap:var(--rise)}.ctl-socket{position:relative;display:grid;place-items:center;width:var(--socket);height:var(--socket);border-radius:50%;background:radial-gradient(circle at 50% 30%,var(--well),var(--body) 75%);box-shadow:inset 0 2px 3px #50483a33,inset 0 0 0 1px #46403414,0 1px #ffffffe6}.ctl-socket--juggle{grid-area:1 / 2 / 2 / 4;justify-self:center}.ctl-socket--turn{grid-area:2 / 1 / 3 / 3;justify-self:center}.ctl-socket--interact{grid-area:2 / 3 / 3 / 5;justify-self:center}.ctl-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:var(--btn);height:var(--btn);border-radius:50%}.ctl-btn__label{font:600 8.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.ctl-btn__key{font:500 8px/1 var(--sans);letter-spacing:.04em;color:var(--engrave-2)}.ctl-btn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;box-shadow:0 0 0 2px #88bdf2f2,0 0 14px 2px #88bdf28c;opacity:0;transition:opacity .24s var(--ease);pointer-events:none}.ctl-btn.is-cue{color:var(--ink);background:var(--grain),radial-gradient(120% 100% at 50% 0%,#fff,#f4f8fc,#e9eff5 70%,#dfe5ea)}.ctl-btn.is-cue:after{opacity:1;animation:ctl-cue 1.8s var(--ease) infinite alternate}@keyframes ctl-cue{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion: reduce){.ctl-btn.is-cue:after{animation:none}}.ctl-btn:disabled{cursor:default;color:#57544d73;transform:translateY(1px);background:var(--grain),linear-gradient(180deg,var(--body),var(--body-lo));box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #4640341a,0 1px 2px #14141414}.ctl-btn:disabled .ctl-btn__key{color:inherit}.ctl-rocker__side:focus-visible,.ctl-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.ctl--desk{left:50%;bottom:12px;transform:translate(-50%) scale(var(--k, 1));transform-origin:50% 100%}.ctl--desk .ctl-shell{--r: 28px;justify-content:space-between;width:496px;height:156px;padding:0 48px 4px}.ctl--desk .ctl-move{gap:12px}.ctl--hand,.ctl--hand-wide{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.ctl--hand .ctl-shell,.ctl--hand-wide .ctl-shell{justify-content:space-between;gap:8px;padding:0 20px 3px}.ctl--hand{--btn: 44px}.ctl--hand .ctl-shell{height:134px}.ctl--hand .ctl-face{--rise: 0px;column-gap:2px}.ctl--hand .ctl-rocker__side{width:52px}.ctl--hand-wide{--btn: 44px}.ctl--hand-wide .ctl-shell{--r: 20px;height:68px}.ctl--hand-wide .ctl-move{flex-direction:row-reverse;gap:12px}.ctl--hand-wide .ctl-face{grid-template-columns:repeat(3,var(--socket));grid-template-rows:var(--socket);column-gap:10px}.ctl--hand-wide .ctl-socket{grid-area:auto}.ctl--hand-wide .ctl-socket--turn{order:1}.ctl--hand-wide .ctl-socket--juggle{order:2}.ctl--hand-wide .ctl-socket--interact{order:3}@media (max-width: 359px){.ctl--hand .ctl-shell{padding:0 12px 3px}.ctl--hand .ctl-rocker__side{width:46px}}@media (pointer: coarse){:root{--controls-reserve: 146px}}@media (pointer: coarse) and (max-height: 479px){:root{--controls-reserve: 80px}}.ctl-system{display:flex;justify-content:center;flex:0 1 auto;min-width:0}.ctl-sys{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:56px;min-height:48px;padding:4px 6px;border:0;border-radius:12px;background:none;color:var(--engrave);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ctl-sys__slot{display:block;padding:3px;border-radius:999px;background:linear-gradient(180deg,var(--well),var(--body-hi));box-shadow:inset 0 1px 3px #50483a3d,inset 0 0 0 1px var(--hairline),0 1px #ffffffe6;transition:box-shadow .2s var(--ease)}.ctl-sys__key{display:block;width:38px;height:11px;border-radius:999px;background:var(--grain),linear-gradient(180deg,#ffffff,var(--body) 70%,var(--body-lo));box-shadow:inset 0 1px #fff,0 0 0 1px var(--hairline),0 1px 2px #14141429;transition:transform 80ms var(--ease),box-shadow 80ms var(--ease)}.ctl-sys:active .ctl-sys__key,.ctl-sys.is-open .ctl-sys__key{transform:translateY(1px);background:var(--grain),linear-gradient(180deg,var(--body-lo),var(--body));box-shadow:inset 0 1px 2px #5a504040,0 0 0 1px #46403429}.ctl-sys__label{gap:5px}.ctl-sys__lamp{width:5px;height:5px;border-radius:50%;background:#a9cff5;box-shadow:0 0 0 1px #466e9640,0 0 4px 1px #88bdf273;opacity:.85}.ctl-sys.is-open .ctl-sys__lamp{background:var(--brand);box-shadow:0 0 0 1px #466e964d,0 0 7px 2px #88bdf2b3;opacity:1}.ctl-sys.is-open,.ctl-sys:hover{color:var(--ink)}.ctl-sys.is-hint .ctl-sys__slot{box-shadow:inset 0 1px 3px #50483a3d,0 0 0 2px var(--brand),0 0 12px 2px #88bdf280}.ctl-sys:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ctl--hand-wide .ctl-sys{gap:6px}@media (max-width: 359px){.ctl-sys{min-width:48px;padding:4px 2px}.ctl-sys__key{width:32px}.ctl-sys__label{letter-spacing:.08em}}.ctl-base{position:fixed;left:0;right:0;bottom:0;height:var(--lift, 0px);background:#262624;pointer-events:none}.ctl-run.is-hint{align-self:flex-start;margin-left:4px}.ctl-run.is-hint .ctl-run__mark{opacity:1}.ctl--hand-wide .ctl-run.is-hint{align-self:center;margin-left:0}@media (max-width: 359px){.ctl-run__hold{display:none}}.loc--desk{position:absolute;right:var(--gutter);bottom:12px;z-index:42}.loc-trigger{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--line);background:#f3f1eaeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:500 13px/1 var(--sans);cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),box-shadow .24s var(--ease)}.loc-trigger:hover,.loc-trigger.is-open{background:var(--paper);border-color:#14141442}.loc-trigger__chev{color:var(--ink-3);transition:transform .16s var(--ease)}.loc-trigger.is-open .loc-trigger__chev{transform:rotate(180deg)}.loc-trigger.is-hint{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 0 14px 2px #88bdf273}.loc-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width: 899px){.loc-trigger{width:40px;padding:0;justify-content:center}.loc-trigger__label,.loc-trigger__chev{display:none}}.loc-menu{display:flex;flex-direction:column;padding:4px 0;border:1px solid var(--line);background:var(--paper);box-shadow:0 1px 2px #14141414,0 16px 32px -12px #14141459;animation:rise .18s var(--ease)}.loc-menu--desk{position:absolute;right:0;bottom:calc(100% + 8px);min-width:208px}.loc-menu--hand{position:fixed;z-index:42;width:240px;max-height:calc(100dvh - var(--nav-bottom, 56px) - var(--controls-reserve) - 16px);overflow-y:auto}.loc-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;min-height:44px;padding:0 20px;border:0;background:transparent;color:var(--ink-2);font:500 14px/1.2 var(--sans);text-align:left;cursor:pointer;transition:background .12s var(--ease)}.loc-item:hover:not(.is-here){background:var(--paper-2);color:var(--ink)}.loc-item.is-here{background:#88bdf224;box-shadow:inset 2px 0 0 var(--brand);color:var(--ink);font-weight:600}.loc-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}@media (max-height: 479px){.loc-item{min-height:44px;font-size:13px}}.loc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.loc-backdrop--hand{background:#1414141f}.loc-hint{position:absolute;z-index:43;max-width:256px;padding:10px 14px;background:var(--ink);color:var(--paper);pointer-events:none;animation:rise .32s var(--ease);transition:opacity .4s var(--ease)}.loc-hint.is-out{opacity:0}.loc-hint:after{content:"";position:absolute;bottom:-5px;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.loc-hint--desk{right:var(--gutter);bottom:64px}.loc-hint--desk:after{right:15px}@media (max-width: 1099px){.loc-hint--desk{max-width:196px}}.loc-hint--hand{position:fixed;width:248px;max-width:none;text-align:center}.loc-hint--hand:after{left:calc(var(--tail, 50%) - 5px)}.loc-hint__title{display:block;font:600 13px/1.3 var(--sans)}.loc-hint__body{display:block;margin-top:2px;font:400 12px/1.45 var(--sans);color:#f3f1eac7}@media (prefers-reduced-motion: reduce){.loc-menu,.loc-hint{animation:none}.loc-hint{transition:none}}.rotate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#14141473;animation:pp-fade .24s var(--ease) both}.rotate__card{width:min(320px,100%);padding:24px;background:var(--paper);border-top:3px solid var(--brand);box-shadow:0 18px 40px -24px #14141473;text-align:center}.rotate__icon{display:block;margin:0 auto 16px;color:var(--ink);animation:rotate-phone 2.4s var(--ease) infinite}.rotate__title{margin:0 0 8px;font-size:32px}.rotate__body{text-wrap:balance;margin:0 0 24px;font-size:14px;line-height:22px;color:var(--ink-2)}.rotate__card .btn{width:100%}@keyframes rotate-phone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.display{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:.92}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn--small{padding:8px 16px;font-size:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:clamp(12px,2.4vw,32px);background:#1414148c;animation:fade .3s var(--ease)}@keyframes fade{0%{opacity:0}}.modal__panel{position:relative;width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);animation:panel-in .45s var(--ease)}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}}.modal__panel h2:focus{outline:none}.modal__close{position:absolute;top:16px;right:16px;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:500 13px/1 var(--sans);padding:8px 16px 8px 8px;cursor:pointer}.modal__close span[aria-hidden]{font-size:18px;line-height:.6}.modal__close:hover{background:var(--paper-2)}.work{max-width:1360px;height:min(860px,100%);display:flex;flex-direction:column;padding:clamp(24px,3.4vw,48px)}.work__head{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 32px;margin-bottom:clamp(24px,3vw,40px);padding-right:112px}.work__head .eyebrow{grid-column:1 / -1;margin:0}.work__title{font-size:clamp(56px,7vw,104px);margin:0}.work__intro{margin:0 0 8px;max-width:42ch;color:var(--ink-2)}.work__quote{margin:0;color:var(--ink);font-weight:500;line-height:1.4}.work__support{margin:4px 0 0;font-size:14px;line-height:1.5}.gallery{list-style:none;margin:0;padding:0;flex:1;min-height:416px;display:flex;gap:16px}.gcard{--bg: #fff;--fg: var(--ink);--muted: var(--ink-2);--rule: var(--line);--num: #3f7fc0;flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);border:1px solid var(--rule);transition:flex-grow .55s var(--ease)}.gcard--dark{--bg: var(--ink);--fg: var(--paper);--muted: rgba(243, 241, 234, .72);--rule: rgba(243, 241, 234, .16);--num: var(--brand)}.gcard.is-open{flex-grow:1.85}.gcard__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-height:0;display:grid;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:end;gap:0 16px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.gcard__toggle:focus-visible{outline-offset:-4px;box-shadow:inset 0 0 0 6px var(--focus-halo)}.gcard__media{grid-column:1 / -1;align-self:stretch;position:relative;overflow:hidden;min-height:0}.gcard__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .8s var(--ease)}.gcard.is-open .gcard__media img{transform:scale(1.035)}.gcard__num{font-size:clamp(64px,6.4vw,104px);color:var(--num);padding:16px 0 8px 16px;line-height:.82}.gcard__name{font-size:clamp(24px,2.1vw,34px);padding:0 16px 16px 0;align-self:end}.gcard__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}.gcard__details>*{position:relative;min-height:0;overflow:hidden}.gcard.is-open .gcard__details{grid-template-rows:1fr}.gcard__body{display:flex;flex-direction:column}@media (min-width: 861px){.gallery{container-type:inline-size}.gcard__body{width:calc((100cqw - 48px) * 1.85 / 4.85 - 2px);opacity:0;transition:opacity .2s var(--ease)}.gcard.is-open .gcard__body{opacity:1;transition:opacity .4s var(--ease) .1s}}.gcard__tags{list-style:none;margin:0;padding:4px 16px 0;display:flex;flex-wrap:wrap;gap:8px}.gcard__tags li{font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--rule);color:var(--muted)}.gcard__desc{margin:16px 16px 0;font-size:14px;line-height:1.5;color:var(--muted);max-width:52ch}.gcard__cta{display:inline-flex;align-self:start;gap:8px;margin:16px;padding-bottom:4px;font:400 20px/1 var(--display);letter-spacing:.04em;color:var(--fg);text-decoration:none;border-bottom:2px solid var(--brand)}.gcard__cta:hover{color:var(--brand)}.gcard__arrow{flex:none;align-self:center;margin-top:-2px}.gcard__cta--soon{border-bottom-color:var(--rule);color:var(--muted)}.contact{max-width:600px;padding:clamp(28px,4vw,52px)}.contact__title{font-size:clamp(56px,8vw,92px);margin:0 0 16px}.contact__lede{margin:0 0 32px;color:var(--ink-2);font-size:16px}.contact__email{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact__email a{font:500 clamp(18px,2.6vw,24px) / 1.2 var(--sans);letter-spacing:-.01em;text-decoration:none;margin-right:auto;overflow-wrap:anywhere}.contact__email a:hover{text-decoration:underline;text-decoration-color:var(--brand)}.contact__links{list-style:none;margin:24px 0 0;padding:0;display:flex;gap:24px}.contact__links a{font:600 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding-bottom:4px;border-bottom:2px solid var(--brand)}@media (max-width: 860px){.work{height:auto}.work__head{grid-template-columns:1fr;padding-right:88px}.gallery{flex-direction:column;min-height:0}.gcard__toggle{grid-template-rows:auto auto}.gcard__media{height:0;padding-bottom:56.25%}.gcard.is-open{flex-grow:1}.gcard__num{font-size:48px;padding:16px 0 12px 16px}.gcard__name{font-size:24px;padding-bottom:14px}}@media (max-width: 760px){.nav{gap:8px;padding-top:8px;flex-wrap:wrap}.nav__brand em,.nav__divider{display:none}.nav__link{padding:8px 4px;font-size:12px}.hud-counter,.hud-prompt{top:104px}.intro{bottom:auto;left:var(--gutter);top:112px;padding:32px;max-height:calc(100dvh - 128px)}}@media (max-height: 560px){.intro{top:64px;bottom:auto;padding:24px;max-height:calc(100dvh - 80px)}.intro__title{font-size:40px}.intro__body{margin-bottom:16px}}@media (max-height: 560px) and (max-width: 760px){.intro{top:104px;padding:16px;max-height:calc(100dvh - 120px)}}@media (prefers-reduced-motion: reduce){.callout__icon{animation:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}