.collection-switch{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9;display:flex;gap:16px}.collection-switch button{padding:6px 0;border:0;background:none;font:400 14px fatfrank,sans-serif;color:#454039;cursor:pointer;opacity:.5}.collection-switch button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}body[data-collection=true]{background:#fff!important}body[data-collection=true] #camera-window{display:none!important}body[data-collection=true] .portfolio-home{color:#454039!important}.collection-labels{position:fixed;inset:0;z-index:3;pointer-events:none}.collection-labels button{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;border-radius:12px;color:#777;font:11px/1.2 IBM Plex Mono,monospace}.collection-labels button span{position:absolute;left:0;bottom:0;font-variant-numeric:tabular-nums}.collection-labels button:hover span,.collection-labels button[aria-pressed=true] span{color:#222;text-decoration:underline;text-underline-offset:4px}.collection-labels button:focus-visible{outline:1px dashed #777;outline-offset:5px}@media(max-width:620px){.collection-switch{top:17px;left:auto;right:16px;transform:none;gap:14px}.collection-switch button{font-size:12px;min-height:32px}}.collection-labels button{touch-action:none;cursor:grab}.collection-labels button:active{cursor:grabbing}.collection-labels[hidden]{display:none}.collection-labels button span{box-sizing:border-box;width:15px;height:15px;padding-top:1px;border:1px solid #777;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 8.5px/1 Arial,sans-serif;color:#555;text-decoration:none!important}.collection-labels button[aria-pressed=true] span{border-color:#333;color:#222}.collection-extent{width:1px;pointer-events:none}@media(max-width:620px){.collection-labels{overflow-y:auto;overflow-x:hidden;pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.collection-labels button{touch-action:pan-y}}body[data-collection=true] #work-bubble:before{inset:-6px;background:#fff;border-radius:14px;filter:none;mask:none;-webkit-mask:none;box-shadow:0 3px 12px #38322712}body[data-collection=true] #work-close{width:24px;height:24px;top:-12px;right:-12px;box-shadow:none;background:#fffdf8}body[data-collection=true] #work-close:before{inset:3px}body[data-collection=true] #work-close svg{width:11px;height:11px}body[data-collection=true] #work-close{display:none}.collection-switch{top:16px;gap:12px;align-items:center}.collection-switch button{position:relative;width:36px;height:36px;padding:6px;opacity:.28;text-decoration:none!important}.collection-switch button[aria-pressed=true],.collection-switch button:hover{opacity:1}.mode-symbol,.mode-symbol svg{display:block;width:24px;height:24px}.collection-switch button:focus-visible{outline:1px solid currentColor;outline-offset:5px;border-radius:6px}.portfolio-home{left:24px;bottom:24px;padding:0;line-height:1}@media(max-width:620px){.collection-switch{top:14px;right:16px;gap:12px}.portfolio-home{left:16px;top:24px;bottom:auto;padding:0;line-height:1}}body[data-collection=true] #work-image,body[data-collection=true] #work-link{border-radius:9px}.collection-switch [data-mode=crowd]{opacity:.6;padding:2px}.collection-switch [data-mode=crowd][aria-pressed=true],.collection-switch [data-mode=crowd]:hover{opacity:1}[data-mode=crowd] .mode-symbol,[data-mode=crowd] canvas{display:block;width:32px;height:32px}.collection-switch [data-mode=collection]{opacity:.65;padding:7px}.collection-switch [data-mode=collection][aria-pressed=true],.collection-switch [data-mode=collection]:hover{opacity:1}.mode-balloon-grid{width:22px;height:22px;display:grid;grid-template-columns:repeat(2,9.5px);grid-template-rows:repeat(2,9.5px);gap:3px}.mode-balloon-grid i{display:block;border-radius:3.5px;background:radial-gradient(ellipse at 30% 18%,#ffffff80,transparent 65%),var(--block-color);box-shadow:inset 0 -1px 2px #0000001f,inset 0 1px 1px #ffffff60}.mode-balloon-grid i:nth-child(1){--block-color:#38a9ed}.mode-balloon-grid i:nth-child(2){--block-color:#f164b6}.mode-balloon-grid i:nth-child(3){--block-color:#f5d74c}.mode-balloon-grid i:nth-child(4){--block-color:#57cdb2}.collection-switch{isolation:isolate}.collection-switch:before{content:"";position:absolute;inset:-5px -8px;z-index:-1;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 10px #302f2b0a;opacity:0;transition:opacity .25s ease;pointer-events:none}body:not([data-collection=true]) .collection-switch:before{opacity:1}body:not([data-collection=true]) .collection-switch button{color:#454039}@media(prefers-reduced-motion:reduce){.collection-switch:before{transition:none}}.play-controls{z-index:9}.play-controls .collection-switch{position:relative;inset:auto;transform:none;gap:8px;padding:3px 7px;height:42px;box-sizing:border-box;margin:0 4px}.play-controls .collection-switch:before{inset:0;border-radius:18px;opacity:1;background:#ffffffe6}.play-controls .collection-switch button{background:none;box-shadow:none;min-height:36px;flex:0 0 36px;border-radius:8px;transform:none}.play-controls .collection-switch [data-mode=crowd]{padding:2px}.play-controls .collection-switch [data-mode=collection]{padding:7px}.play-controls{padding:6px;gap:4px;border-radius:22px;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 14px #302f2b0c}.play-controls #camera-toggle,.play-controls #reload-crowd,.play-controls .collection-switch button{height:36px;min-height:36px;border-radius:14px;background:transparent;box-shadow:none;color:#454039;opacity:1;transform:none}.play-controls #camera-toggle{padding:0 13px;font-size:12px}.play-controls #reload-crowd{width:36px;flex-basis:36px;margin-left:4px;padding:0}.play-controls #reload-crowd svg{width:18px;height:18px}.play-controls .collection-switch{padding:0;margin:0;height:36px;gap:4px}.play-controls .collection-switch:before{display:none}.play-controls #camera-toggle[aria-pressed=true],.play-controls .collection-switch button[aria-pressed=true]{background:#efeee9;box-shadow:none}.play-controls #camera-toggle:hover,.play-controls #reload-crowd:hover,.play-controls .collection-switch button:hover{background:#f3f2ef;transform:none}.play-controls #camera-toggle{width:36px;flex:0 0 36px;padding:4px;display:grid;place-items:center}#camera-toggle svg{display:block;width:28px;height:28px}body>#reload-crowd{position:fixed;right:24px;bottom:24px;z-index:9;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#454039;box-shadow:0 2px 10px #302f2b0a;cursor:pointer}body>#reload-crowd svg{width:18px;height:18px}@media(max-width:620px){body>#reload-crowd{right:max(16px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom,0px))}}:root{--controls-bottom:22px;--versions-inset:calc(var(--controls-bottom) + 18px)}.play-controls{bottom:var(--controls-bottom)}.portfolio-home{top:auto;bottom:var(--versions-inset);left:var(--versions-inset);height:12px;line-height:12px;padding:0;transform:none}.portfolio-home:hover{transform:none}@media(max-width:620px){:root{--controls-bottom: calc(16px + env(safe-area-inset-bottom,0px)) }.portfolio-home{top:auto;bottom:var(--versions-inset);left:var(--versions-inset);line-height:12px}.portfolio-home details div{top:auto;bottom:24px}}#camera-toggle svg{overflow:visible;filter:drop-shadow(0 1px 1px #21465733);transform-origin:50% 60%}@media(prefers-reduced-motion:no-preference){#camera-toggle:is(:hover,:focus-visible) svg{animation:camera-puff 1.6s cubic-bezier(.22,.8,.3,1) infinite}#camera-toggle:is(:hover,:focus-visible) svg ellipse{animation:camera-glint 1.6s ease infinite}[data-mode=collection]:is(:hover,:focus-visible) .mode-balloon-grid i{animation-duration:2.4s;animation-timing-function:cubic-bezier(.65,0,.25,1);animation-iteration-count:infinite;animation-fill-mode:both}[data-mode=collection]:is(:hover,:focus-visible) i:nth-child(1){animation-name:grid-orbit-one}[data-mode=collection]:is(:hover,:focus-visible) i:nth-child(2){animation-name:grid-orbit-two}[data-mode=collection]:is(:hover,:focus-visible) i:nth-child(3){animation-name:grid-orbit-three}[data-mode=collection]:is(:hover,:focus-visible) i:nth-child(4){animation-name:grid-orbit-four}}@keyframes camera-puff{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-2px) rotate(-9deg) scale(1.12,1.06)}55%{transform:translateY(-1px) rotate(6deg) scale(.98,1.06)}78%{transform:translateY(0) rotate(-2deg) scale(1.02)}}@keyframes camera-glint{0%,to{opacity:.7}38%{opacity:1;transform:translate(1px)}60%{opacity:.2}}@keyframes grid-orbit-one{0%,44%,to{transform:scale(1)}12%{transform:scale(.9,1.08)}24%{transform:scale(1.16,.96)}34%{transform:scale(.98,1.03)}}@keyframes grid-orbit-two{0%,12%,56%,to{transform:scale(1)}24%{transform:scale(.9,1.08)}36%{transform:scale(1.16,.96)}46%{transform:scale(.98,1.03)}}@keyframes grid-orbit-three{0%,36%,80%,to{transform:scale(1)}48%{transform:scale(.9,1.08)}60%{transform:scale(1.16,.96)}70%{transform:scale(.98,1.03)}}@keyframes grid-orbit-four{0%,24%,68%,to{transform:scale(1)}36%{transform:scale(.9,1.08)}48%{transform:scale(1.16,.96)}58%{transform:scale(.98,1.03)}}body>#reload-crowd{right:var(--versions-inset);bottom:var(--versions-inset);width:auto;height:12px;min-height:0;padding:0;border-radius:0;background:none;box-shadow:none;font:400 12px/12px fatfrank,sans-serif;color:#454039;display:block}body>#reload-crowd:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:620px){body>#reload-crowd{right:var(--versions-inset);bottom:var(--versions-inset);font-size:11px}}.play-controls #camera-toggle{position:relative;width:40px;flex-basis:40px;padding:2px;margin-right:13px}.play-controls #camera-toggle svg{width:32px;height:32px}.play-controls #camera-toggle:after{content:"";position:absolute;right:-9px;top:9px;height:18px;width:1px;background:#45403924;pointer-events:none}.play-controls{padding:9px 11px;border-radius:26px}:root{--versions-inset:calc(var(--controls-bottom) + 21px)}body[data-collection=true]:after{content:"";position:fixed;inset:auto 0 0;height:calc(110px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,#fff0,#fffffff0 48%,#fff 80%);z-index:4;pointer-events:none}body[data-collection=true] .portfolio-home{z-index:9}body[data-collection=true]:after{opacity:var(--collection-footer-opacity,0);transition:opacity .4s ease}@media(prefers-reduced-motion:reduce){body[data-collection=true]:after{transition:none}}@media(max-width:620px){.collection-labels button span{width:12px;height:12px;font-size:7px;border-width:1px}}.collection-labels{overflow-y:auto;overflow-x:hidden;pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.collection-numbers{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.collection-numbers[hidden]{display:none}.collection-numbers span{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:15px;height:15px;padding-top:1px;border:1px solid #777;border-radius:50%;color:#555;font:600 8.5px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}@media(max-width:620px){.collection-numbers span{width:14px;height:14px;font-size:8px}}.play-controls .collection-utility{position:relative;flex:0 0 40px;width:40px;height:36px;margin-right:13px}.collection-utility:after{content:"";position:absolute;right:-9px;top:9px;height:18px;width:1px;background:#45403924;pointer-events:none}.play-controls .collection-utility #camera-toggle,.play-controls .collection-utility #collection-playback{position:absolute;inset:0;display:grid;place-items:center;box-sizing:border-box;width:40px;height:36px;min-height:36px;padding:2px;margin:0;border:0;border-radius:18px;background:transparent;box-shadow:none;color:#454039;transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1),visibility .42s;transform:translateY(0) scale(1);opacity:1;visibility:visible}.play-controls .collection-utility #camera-toggle:after,.play-controls .collection-utility #collection-playback:after{display:none}.play-controls .collection-utility #collection-playback{opacity:0;visibility:hidden;transform:translateY(5px) scale(.86);pointer-events:none}body[data-collection=true] .play-controls .collection-utility #camera-toggle{opacity:0;visibility:hidden;transform:translateY(-5px) scale(.86);pointer-events:none}body[data-collection=true] .play-controls .collection-utility #collection-playback{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.play-controls #collection-playback svg{width:23px;height:23px}.play-controls .collection-utility #collection-playback:hover{background:#efeee9}.play-controls #collection-playback:focus-visible{outline:1px solid currentColor;outline-offset:3px}.play-controls .collection-switch:before{display:block;inset:0 auto auto 0;width:36px;height:36px;background:#efeee9;border-radius:14px;opacity:1;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translate(0);transition:transform .42s cubic-bezier(.22,1,.36,1)}body[data-collection=true] .play-controls .collection-switch:before{transform:translate(40px)}.play-controls .collection-switch button[aria-pressed=true]{background:transparent}@media(prefers-reduced-motion:reduce){.play-controls .collection-utility #camera-toggle,.play-controls .collection-utility #collection-playback,.play-controls .collection-switch:before{transition:none}}.collection-labels{scrollbar-width:none;overflow-anchor:none}.collection-labels::-webkit-scrollbar{display:none}.collection-numbers span[data-selected=true]{background:#454039;border-color:#454039;color:#fff}.opening{position:fixed;inset:0;z-index:20;overflow:hidden;isolation:isolate;color:var(--opening-ink);font-family:neue-haas-grotesk-display,Helvetica Neue,Arial,sans-serif;font-weight:300;letter-spacing:-.02em;line-height:1;pointer-events:auto}.opening-paper{position:absolute;inset:0;background:var(--opening-bg)}.opening-character{position:absolute;left:var(--character-x);top:var(--character-y);width:var(--character-size);aspect-ratio:1;transform:translate(-50%,-50%);will-change:transform,opacity}.opening-character img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:rotate(var(--character-angle)) scaleY(var(--character-flip));will-change:transform,opacity}.opening p,.opening h1{position:absolute;margin:0;font:inherit}.opening-logo{position:absolute;left:35.5%;top:6.65%;width:29%;aspect-ratio:556.747/74;opacity:0}.opening-logo i{position:absolute;display:block;background:currentColor;transform:scaleY(-1);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.opening-logo-base{left:.52%;top:0;width:98.96%;height:129.17%;-webkit-mask-image:url(/special/balloon-portfolio/opening/logo-base.svg);mask-image:url(/special/balloon-portfolio/opening/logo-base.svg)}.opening-logo-o{left:51.37%;bottom:-.35%;width:7.4%;height:70.21%;-webkit-mask-image:url(/special/balloon-portfolio/opening/logo-o.svg);mask-image:url(/special/balloon-portfolio/opening/logo-o.svg)}.opening-logo-u{left:59.72%;bottom:-.35%;width:9.05%;height:70.62%;-webkit-mask-image:url(/special/balloon-portfolio/opening/logo-u.svg);mask-image:url(/special/balloon-portfolio/opening/logo-u.svg)}.opening .opening-description{top:6.35%;right:4.85%;width:10.8%;font-size:.94vw}.opening .opening-copy{left:4.9%;top:39.38%;font-size:2.044vw}.opening .opening-title{left:0;right:0;bottom:4.15%;text-align:center;font-size:8.766vw;letter-spacing:-.02em;white-space:nowrap}.opening .opening-edition{right:5.36%;bottom:6.75%;font-size:.75vw}.opening-word{display:inline-block;vertical-align:top;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.opening-word>span{display:inline-block;transform:translateY(115%);opacity:0;will-change:transform,opacity}.opening-static .opening-character img,.opening-static .opening-logo,.opening-static .opening-word>span{opacity:1}.opening-static .opening-word>span{transform:none}body[data-opening]:not([data-opening=done]) :is(.play-controls,.portfolio-home,#reload-crowd){visibility:hidden}body[data-opening=loading] #status{z-index:21;color:var(--opening-ink)}@media(max-aspect-ratio:1/1){.opening-character{width:calc(var(--character-size) * 1.7);left:55%;top:47%}body[data-opening-pattern=coil] .opening-character{left:32%}.opening-logo{width:62%;left:19%;top:7%}.opening .opening-description{top:20%;right:6%;width:auto;font-size:clamp(11px,2.9vw,16.5px)}.opening .opening-copy{left:6%;top:57%;font-size:clamp(18px,4.6vw,30px)}.opening .opening-title{bottom:13%;font-size:13.5vw}.opening .opening-edition{right:6%;bottom:6%;font-size:clamp(10px,2.65vw,14.5px)}}@media(min-aspect-ratio:1/1){.opening-footer{position:absolute;left:5.36%;right:5.36%;bottom:5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline}.opening .opening-footer .opening-title{position:static;grid-column:2}.opening .opening-footer .opening-edition{position:static;grid-column:3;justify-self:end;white-space:nowrap}.opening-footer .opening-word{vertical-align:baseline;overflow:visible;padding:0;margin:0;clip-path:inset(-.1em 0 -.16em 0)}}