:root{--bg: #0b0b0f;--intro-bg: #17171b;--fg: #f4f2ee;--fg-dim: rgba(244, 242, 238, .56);--line: rgba(244, 242, 238, .22);--display: "Six Caps", "Arial Narrow", sans-serif;--brand: "Bebas Neue", "Arial Narrow", sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--topbar-inset-x: 40px;--link-icon-size: 32px;--link-hit-size: 48px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}@media(display-mode:standalone){body{min-height:100vh}}html,.scroller,.menu-panel{touch-action:manipulation}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.scroller{position:fixed;inset:0;z-index:1;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}.scroller::-webkit-scrollbar{display:none}.snap,.snap-loop{height:100vh;height:100dvh;scroll-snap-align:start;position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px var(--topbar-inset-x) 0;pointer-events:none;transition:opacity .9s ease .1s,transform 1.1s cubic-bezier(.2,.7,.2,1) .1s}html:not(.is-loaded) .topbar{opacity:0;transform:translateY(-16px)}.topbar-start{display:flex;align-items:center;gap:26px;min-width:0}.brand{margin:0;font-family:var(--brand);font-size:24px;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 14px rgba(0,0,0,.4);padding:0;border:0;background:none;font-weight:400;cursor:pointer;color:inherit;text-decoration:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s ease,transform .2s cubic-bezier(.22,1,.36,1)}.brand:focus-visible{outline:1px solid var(--fg);outline-offset:4px}@media(hover:hover){.brand:hover{transform:scale(1.2)}}.social{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:12px}.social[hidden]{display:none}.social-link{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--fg);opacity:.5;pointer-events:auto;filter:drop-shadow(0 1px 5px rgba(0,0,0,.45));transition:opacity .4s ease}.social-link svg{--ink: 24;width:calc(22px * 24 / var(--ink));height:calc(22px * 24 / var(--ink));transition:transform .2s cubic-bezier(.22,1,.36,1)}.social-link svg[data-icon=instagram]{--ink: 21}.social-link svg[data-icon=x]{--ink: 21.7}.social-link svg[data-icon=youtube]{--ink: 16.9}.social-link.is-unavailable{opacity:.22}.social-link:focus-visible{opacity:1;outline:1px solid var(--fg);outline-offset:1px}.topbar-nav{display:flex;align-items:center;gap:8px}.header-cta,.audio-toggle,.grid-toggle{position:relative;margin:0;border:1px solid transparent;background:none;color:var(--fg);font:inherit;text-decoration:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.header-cta{display:inline-flex;align-items:center;height:34px;padding:0 18px;border-radius:999px;font:500 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.4);border-color:#f4f2ee99;background:#0b0b0f24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .45s ease,border-color .45s ease,color .45s ease}.audio-toggle,.grid-toggle{display:grid;place-items:center;width:40px;height:34px;padding:0;border-radius:999px}.audio-toggle{transition:background-color .45s ease}.audio-toggle[hidden]{display:none}.grid-toggle{transition:background-color .45s ease,border-color .45s ease}.grid-toggle .search-glyph{display:block;filter:drop-shadow(0 1px 5px rgba(0,0,0,.45))}.header-cta:focus-visible,.audio-toggle:focus-visible,.grid-toggle:focus-visible{outline:1px solid var(--fg);outline-offset:3px}@media(hover:hover){a.social-link:hover{opacity:1}a.social-link:hover svg{transform:scale(1.2)}.audio-toggle:hover,.grid-toggle:hover{border-color:var(--line);background:#f4f2ee12}.header-cta:not(.is-unavailable):hover{border-color:var(--fg);background:var(--fg);color:var(--bg);text-shadow:none}}.is-unavailable{cursor:default}.header-cta.is-unavailable .label{opacity:.55}.header-cta.is-unavailable{border-color:#f4f2ee42}.header-cta .note{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);font-size:9px;letter-spacing:.16em;color:var(--fg-dim);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.is-unavailable:hover .note,.is-unavailable:focus-visible .note{opacity:1;transform:translate(-50%)}.wave{display:block;overflow:visible;fill:currentColor;filter:drop-shadow(0 1px 5px rgba(0,0,0,.45))}.wave-bars,.wave-bar{transform-box:fill-box;transform-origin:center}.wave-bars{transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease}[data-state=off] .wave-bars,[data-state=unsupported] .wave-bars{transform:scaleY(.45);opacity:.6}[data-state=pending] .wave-bars{opacity:.8}[data-state=on] .wave-bar,.is-settling .wave-bar{animation:wave-bar .9s ease-in-out infinite alternate}.wave-bar:nth-child(2){animation-duration:1.1s;animation-delay:-.4s}.wave-bar:nth-child(3){animation-duration:.8s;animation-delay:-.2s}.wave-bar:nth-child(4){animation-duration:1.2s;animation-delay:-.7s}.wave-bar:nth-child(5){animation-duration:1s;animation-delay:-.5s}@keyframes wave-bar{0%{transform:scaleY(1)}to{transform:scaleY(.32)}}.caption{--title-size: 21.2vh;position:fixed;z-index:2;left:var(--frame-left, max(clamp(24px, 6vw, 112px), (100vw - 1800px) / 2));top:calc(23.2vh - .0488 * var(--title-size));max-width:calc(var(--frame-w, min(100vw - 2 * clamp(24px, 6vw, 112px), 1800px)) * .48);pointer-events:none}.caption:before{content:"";position:absolute;z-index:-1;inset:-12vh -14vw -14vh -10vw;background:radial-gradient(closest-side,rgb(0 0 0 / .38),rgb(0 0 0 / .32) 30%,rgb(0 0 0 / .19) 58%,rgb(0 0 0 / .07) 82%,transparent);pointer-events:none}.caption-title{margin:0;font-family:var(--display);font-weight:400;font-size:var(--title-size);line-height:.89;text-transform:uppercase;letter-spacing:var(--title-optical, 0em);white-space:nowrap;color:#fff}html.has-gl-title .caption-title{color:transparent}html.has-gl-title .caption:before,html.has-gl-title .caption-tagline:before{visibility:hidden}.caption-tagline{position:relative;width:fit-content;margin:1.8vh 0 0;font-size:clamp(15px,3.1vh,34px);font-weight:300;line-height:1.3;color:#fff;max-width:24em;text-wrap:balance}.caption-tagline:before{content:"";position:absolute;z-index:-1;inset:-1.2em -2em;background:radial-gradient(closest-side,rgb(0 0 0 / .42),rgb(0 0 0 / .32) 40%,rgb(0 0 0 / .14) 70%,rgb(0 0 0 / .04) 88%,transparent);pointer-events:none}.caption-actions{--btn-h: max(40px, 7.33vh);display:flex;align-items:center;gap:calc(var(--btn-h) * .357);margin-top:4.35vh;pointer-events:none}.caption-cta,.caption-info{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);margin:0;padding:0;border:0;border-radius:999px;background:linear-gradient(180deg,#f8f8f8,#efefef 45%,#dedede);color:#3a3a3a;font-family:"DM Sans",var(--body);font-weight:700;line-height:1;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff4d,-1.4px .8px 0 -.3px #ffd846cc,-2.2px 1.4px 0 -.5px #ff244099,.8px -.6px 0 -.3px #82dcff47,1.3px -1px 0 -.5px #466eff29,-3px 4px calc(var(--btn-h) * .24) #fff3,0 0 calc(var(--btn-h) * .3) #ffffff29;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:color 0s,transform .25s cubic-bezier(.2,.7,.2,1)}.caption-cta{width:calc(var(--btn-h) * 2.857);font-size:calc(var(--btn-h) * .357);letter-spacing:-.05em}.caption-info{width:var(--btn-h);font-size:calc(var(--btn-h) * .457)}.caption-info-icon{display:block;width:.52em;height:.52em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.caption-cta:before,.caption-info:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(180deg,#0d0d0d,#060607);opacity:0;transition:opacity .22s cubic-bezier(.25,.8,.3,1)}@media(hover:hover){.caption-cta:not([aria-disabled]):hover,.caption-info:hover{color:#fff;text-shadow:0 0 .4em rgba(255,255,255,.3)}.caption-cta:not([aria-disabled]):hover:before,.caption-info:hover:before{opacity:1}}.caption-cta:not([aria-disabled]):active,.caption-info:active{transform:scale(.96)}.caption-cta:focus-visible,.caption-info:focus-visible{outline:2px solid #fff;outline-offset:3px}.caption-cta[aria-disabled]{background:linear-gradient(180deg,#fff3,#ffffff1a),#0e0e106b;color:#ffffffa8;text-shadow:none;box-shadow:inset 0 0 0 1px #ffffff3d,-1px 1px 0 -.5px #ff404038,1px -1px 0 -.5px #50a0ff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default}.caption-cta[aria-disabled],.project-info-explore[aria-disabled]{-webkit-text-fill-color:transparent}.caption-cta[aria-disabled]:after,.project-info-explore[aria-disabled]:after{content:"Soon";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;-webkit-text-fill-color:currentColor}.mask{display:block;overflow:hidden;padding-bottom:.04em}.mask>span{display:inline-block;will-change:transform}.rail{position:fixed;z-index:2;top:0;right:20px;bottom:0;display:flex;align-items:center;pointer-events:none}.rail-list{position:relative;list-style:none;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;margin:0;padding:0;width:64px;height:230px;pointer-events:auto;transition:opacity .4s ease}.rail-list.is-dragging,.rail-list.is-dragging .rail-button{cursor:grabbing}.rail-item{position:absolute;top:50%;left:50%;width:18px;height:18px;will-change:transform}.rail-button{all:unset;box-sizing:border-box;display:block;width:100%;height:100%;border-radius:17.5%;cursor:pointer;-webkit-tap-highlight-color:transparent}.rail-button:after{content:"";position:absolute;inset:-2px -20px}.rail-button:focus-visible{outline:1.5px solid var(--fg);outline-offset:3px}.rail-icon{display:block;width:100%;height:100%;border-radius:17.5%;opacity:.5;transition:filter .2s ease;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.rail-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;-webkit-user-drag:none;user-select:none}.rail-icon.is-empty{box-shadow:inset 0 0 0 1px #ffffff4d;filter:none}.rail-item.is-active .rail-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(255,255,255,.26))}.ticks{display:none}.cursor-bubble{position:fixed;z-index:4;top:0;left:0;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.4);background:#00000047;-webkit-backdrop-filter:blur(8px) saturate(2.2);backdrop-filter:blur(8px) saturate(2.2);pointer-events:none;opacity:0;scale:.6;transition:opacity .2s ease-out,scale .25s cubic-bezier(.2,.7,.2,1);will-change:transform}.cursor-bubble.is-visible{opacity:1;scale:1}.cursor-bubble>svg{grid-area:1 / 1}.cursor-bubble .icon-pause,.cursor-bubble.is-paused .icon-play{display:block}.cursor-bubble .icon-play,.cursor-bubble.is-paused .icon-pause{display:none}.hint{position:fixed;z-index:2;left:50%;bottom:28px;margin:0;transform:translate(-50%);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-dim);pointer-events:none;transition:opacity .6s ease}.hint.is-hidden{opacity:0}.loader{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--intro-bg);pointer-events:none;transition:opacity .5s ease .7s,transform .5s ease .7s,visibility 0s linear 1.2s}.loader.is-quick{transition:opacity .4s ease .3s,transform .4s ease .3s,visibility 0s linear .7s}.loader-ring{display:block;overflow:visible;transform:rotate(-90deg)}.loader-ring circle{fill:none;stroke-width:3px;stroke-linecap:round}.loader-ring .bg{stroke:#36363a}.loader-ring .fg{stroke:#ffffffc7;stroke-dasharray:760.27;stroke-dashoffset:760.27;transition:stroke-dashoffset .3s linear}.loader.is-revealing{opacity:0;transform:scale(1.5);visibility:hidden}.loader.is-done{opacity:0;visibility:hidden}.loader.is-done:not(.is-revealing){transition:opacity .4s ease,visibility 0s linear .4s}.caption:before,.caption-tagline:before{transition:opacity .8s ease}html.is-intro .caption:before,html.is-intro .caption-tagline:before,html.is-intro .hint{opacity:0}html.is-intro .caption-actions{visibility:hidden}.fallback{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80vw;text-align:center;color:var(--fg-dim)}@media(max-width:767px),(orientation:portrait),(pointer:coarse){#model-error{top:26%}}html.is-single .rail,html.is-single .hint,html.is-single .side-arrows,html.is-empty .caption,html.is-empty .rail,html.is-empty .ticks,html.is-empty .hint,html.is-empty .cursor-bubble{display:none}html.is-touch .scroller{overflow-y:hidden}html.is-touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.is-touch :is(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html.is-finger-wheel .scroller{touch-action:pan-x pinch-zoom}html.is-touch .rail-list{touch-action:auto;cursor:auto}html.is-touch .cursor-bubble:not(.device-bubble){display:none}.menu-button,.menu-panel,.side-explore{display:none}.project-info{position:fixed;inset:0;z-index:8;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;color:#fff;--grid-top: calc(40px + env(safe-area-inset-top)) ;--grid-right: calc(40px + env(safe-area-inset-right)) }.project-info[hidden]{display:none}.project-info:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#08080a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-info[data-kind=grid]{opacity:var(--panel-fade, 1)}.project-info:not([data-kind=grid]):before,.project-info:not([data-kind=grid]) .project-info-wrapper,.project-info:not([data-kind=grid]) .project-info-close>svg,.project-info:not([data-kind=grid]) .project-info-close:after{opacity:var(--panel-fade, 1)}.project-info:focus{outline:none}.project-info-close{position:sticky;z-index:2;top:var(--grid-top);margin:var(--grid-top) var(--grid-right) calc(-50px - var(--grid-top)) auto;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.project-info:not([data-kind=grid]) .project-info-close{position:fixed;right:calc(var(--grid-right) + var(--panel-scrollbar, 0px));margin:0}.project-info-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:140px clamp(40px,8vw,120px) 40vh}.project-info-header{margin-bottom:48px}.project-info-title{margin:0 0 14px;font-family:var(--brand);font-size:clamp(2.75rem,7vw,4.5rem);font-weight:400;letter-spacing:.03em;line-height:.95;text-transform:uppercase;overflow-wrap:anywhere}.project-info-subtitle{margin:0 0 36px;font-size:clamp(.8rem,1.2vw,1rem);font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80}.project-info-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.project-info-actions[hidden]{display:none}.project-info-explore,.project-info-appstore{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:16px 32px;border-radius:999px;font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s ease,color .25s ease,border-color .25s ease}.project-info-explore{border:1px solid rgba(255,255,255,.9);background:#fff;color:#111}.project-info-appstore,.project-info-share-button{border:1px solid rgba(255,255,255,.45);background:transparent;color:#ffffffd9}.project-info-appstore{text-decoration:none}.project-info-appstore[hidden]{display:none}.project-info-appstore:hover,.project-info-share-button:hover{background:#ffffff1a;color:#fff;border-color:#fff}.project-info-explore:not([aria-disabled]):hover{background:transparent;color:#fff;border-color:#fff}.project-info-explore[aria-disabled]{position:relative;opacity:.35;cursor:default}.project-info-share{position:relative;display:inline-flex}.project-info-share-button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0;padding:0;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s ease,color .25s ease,border-color .25s ease}.project-info-share-button .icon-copied,.project-info-share.is-copied .icon-share{display:none}.project-info-share.is-copied .icon-copied{display:block}.project-info-share-status{position:absolute;top:calc(100% + 10px);left:50%;font:500 10px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#ffffffb3;pointer-events:none;opacity:0;transform:translate(-50%,-4px);transition:opacity .25s ease,transform .25s ease}.project-info-share.is-status .project-info-share-status{opacity:1;transform:translate(-50%)}.project-info-close:focus-visible,.project-info-explore:focus-visible,.project-info-appstore:focus-visible,.project-info-share-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.project-info-body{display:flex;flex-direction:column;gap:48px}.project-info-content{display:flex;flex-direction:column;gap:1.25em}.project-info-content p{margin:0;font-size:clamp(1.125rem,2.2vw,1.65rem);font-weight:300;letter-spacing:-.015em;line-height:1.55;color:#ffffffb8}.project-info-content strong{font-weight:500;color:#fff}.project-info-tech[hidden]{display:none}.project-info-tech-heading{margin:0 0 20px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#fff6}.project-info-tech-list{margin:0;padding:0;list-style:none}.project-info-tech-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(.875rem,1.1vw,1rem);letter-spacing:.02em;color:#ffffffa6}.project-info-tech-list li:first-child{border-top:1px solid rgba(255,255,255,.1)}.project-info-photo{margin:0 0 .75em;width:min(100%,360px);aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background:#ffffff0a}.project-info-photo img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.project-info-photo.is-loaded img{opacity:1}.project-info[data-kind=bio] .project-info-content p{white-space:pre-line}.project-info-content .project-info-lead{color:#fff}.project-info-section{display:flex;flex-direction:column;gap:.75em;margin-top:1.5em;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}.project-info-section-title{display:flex;align-items:center;gap:.3em;margin:0;font:400 clamp(1.75rem,3vw,2.4rem) / 1 var(--brand);letter-spacing:.03em;text-transform:uppercase}.project-info-section-link{--link-icon-size: 22px;display:grid;place-items:center;flex:none;width:var(--link-hit-size);height:var(--link-hit-size);margin:calc((var(--link-icon-size) - var(--link-hit-size)) / 2);color:#fff;opacity:.5;transition:opacity .25s ease}.project-info-section-link svg{display:block;width:var(--link-icon-size);height:var(--link-icon-size)}.project-info-section-link:hover{opacity:1}.project-info-link{color:inherit;text-decoration:none;transition:color .25s ease}.project-info-link:hover{color:#fff}.project-info-social{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 0 -8px;padding:0;list-style:none}.project-info-social[hidden]{display:none}.project-info-header>.project-info-social{margin:0 0 14px -8px}.project-info-social-link{display:grid;place-items:center;width:var(--link-hit-size);height:var(--link-hit-size);color:#fff;opacity:.6;transition:opacity .25s ease}.project-info-social-link svg{width:var(--link-icon-size);height:var(--link-icon-size)}.project-info-social-link:hover{opacity:1}.project-info-link:focus-visible,.project-info-section-link:focus-visible{outline:2px solid #fff;outline-offset:3px}.project-info-social-link:focus-visible{opacity:1;outline:1px solid rgba(255,255,255,.55);outline-offset:-7px;border-radius:3px}@media(min-width:1100px){.project-info-body{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(48px,6vw,96px);align-items:start}}@media(max-width:1200px){.project-info{--grid-top: calc(20px + env(safe-area-inset-top)) ;--grid-right: calc(20px + env(safe-area-inset-right)) }.project-info-wrapper{padding:calc(120px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.project-info-content p{font-size:clamp(1.05rem,4.4vw,1.5rem)}}.project-info[data-kind=grid]{scrollbar-gutter:stable}.project-info[data-kind=grid]:before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.project-info[data-kind=grid] .project-info-header{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-info[data-kind=grid] .project-info-body{display:block}.project-info[data-kind=grid] .project-info-wrapper{padding-top:var(--grid-top)}.project-grid{display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}.project-grid-search{position:sticky;top:var(--grid-top);z-index:1;display:flex;align-items:center;gap:12px;width:min(100%,520px);height:50px;padding:0 20px;border:1px solid transparent;border-radius:999px;color:#fff9;cursor:text}.project-grid-search:before,.project-grid-search:after,.project-info:not([data-kind=grid]) .project-info-close:before,.project-info-close:after{content:"";position:absolute;z-index:-1;pointer-events:none}.project-grid-search:before,.project-info:not([data-kind=grid]) .project-info-close:before{top:calc(-1px - var(--grid-top));bottom:-25px;left:-100vw;right:-100vw;background:#0b0b0fbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.project-info:not([data-kind=grid]) .project-info-close:before{right:calc(-1px - var(--grid-right));background:none;opacity:var(--panel-fade, 1)}@supports (animation-timeline: scroll()){.project-grid-search:before,.project-info:not([data-kind=grid]) .project-info-close:before{animation:project-grid-band linear both;animation-timeline:scroll(nearest block);animation-range:0 32px}.project-info:not([data-kind=grid]){scroll-timeline:--panel-scroll block}.project-info:not([data-kind=grid]) .project-info-close:before{visibility:hidden;opacity:calc(var(--band-reveal) * var(--panel-fade, 1));animation-name:project-info-band;animation-timeline:--panel-scroll}}@property --band-reveal{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes project-grid-band{0%{opacity:0}to{opacity:1}}@keyframes project-info-band{0%{--band-reveal: 0;visibility:hidden}to{--band-reveal: 1;visibility:visible}}.project-grid-search:after,.project-info-close:after{inset:-1px;border:1px solid rgba(255,255,255,.3);border-radius:inherit;background:#ffffff0f;transition:border-color .25s ease,background .25s ease}.project-info-close:hover:after{background:#fff3}.project-grid-search:focus-within:after{border-color:#ffffffd9;background:#ffffff1a}.project-grid-search svg{flex:none}.project-grid-input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:none;background:none;color:#fff;font:300 16px/1 var(--body);letter-spacing:.01em;-webkit-appearance:none;appearance:none;-webkit-user-select:text;user-select:text}.project-grid-input::placeholder{color:#ffffff73}.project-grid-input::-webkit-search-cancel-button{-webkit-appearance:none}.project-grid-clear{flex:none;display:grid;place-items:center;width:28px;height:28px;margin:0 -8px 0 0;padding:0;border:0;border-radius:50%;background:none;color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease,background-color .2s ease}.project-grid-clear[hidden]{display:none}.project-grid-clear:hover{color:#fff;background:#ffffff1a}.project-grid-clear:focus-visible{color:#fff;outline:1px solid #fff;outline-offset:1px}.project-grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(16px,2vw,28px);margin:0;padding:0;list-style:none}.project-grid-cell[hidden]{display:none}.project-grid-item{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;padding:0;border:0;background:none;color:#fff;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.project-grid-media{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background-image:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.08),transparent 70%)}.project-grid-media img{position:absolute;inset:0;display:block;margin:auto;opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.project-grid-media.is-loaded img{opacity:1}.project-grid-media[data-fit=screen] img{width:auto;height:84%;border-radius:8%/3.7%;box-shadow:0 18px 40px #00000073}.project-grid-media[data-fit=icon] img{width:36%;height:auto;border-radius:22.5%;box-shadow:0 12px 30px #0006}.project-grid-title{font-family:var(--brand);font-size:clamp(1.35rem,2vw,1.75rem);letter-spacing:.03em;line-height:1;text-transform:uppercase;overflow-wrap:anywhere;transition:opacity .25s ease}.project-grid-item:focus-visible{outline:none}.project-grid-item:focus-visible .project-grid-media{outline:2px solid #fff;outline-offset:3px}@media(hover:hover){.project-grid-item:hover .project-grid-media img{transform:scale(1.04)}.project-grid-list:hover .project-grid-item:not(:hover) .project-grid-title{opacity:.55}}.project-grid[data-layout=phone] .project-grid-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:clamp(36px,4vw,56px) clamp(16px,2.5vw,36px)}.project-grid[data-layout=phone] .project-grid-item{align-items:center;gap:18px;text-align:center}.project-grid-phone{display:block;width:100%;max-width:220px;padding:3%;border-radius:16.5%/7.9%;background:linear-gradient(160deg,#2b2b33,#111115);box-shadow:0 24px 54px #0000008c,inset 0 0 0 1px #ffffff14;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-grid-screen{position:relative;display:block;width:100%;aspect-ratio:720 / 1561;overflow:hidden;border-radius:14.5%/6.7%;background-image:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.08),transparent 70%)}.project-grid-screen img{position:absolute;inset:0;display:block;margin:auto;opacity:0;transition:opacity .5s ease}.project-grid-screen.is-loaded img{opacity:1}.project-grid-screen[data-fit=screen] img{width:100%;height:100%;object-fit:cover}.project-grid-screen[data-fit=icon] img{width:34%;height:auto;border-radius:22.5%}.project-grid-item:focus-visible .project-grid-phone{outline:2px solid #fff;outline-offset:4px}@media(hover:hover){.project-grid-item:hover .project-grid-phone{transform:translateY(-6px)}}.project-info-content .project-grid-empty{font-size:clamp(1rem,1.6vw,1.25rem);color:#ffffff8c}.project-grid-empty[hidden]{display:none}@media(max-width:1023px){.project-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.project-grid-search{width:calc(100% - 62px)}}@media(max-width:599px){.project-grid-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:28px 14px}.project-grid-item{gap:10px}.project-grid-media{border-radius:12px}.project-grid[data-layout=phone] .project-grid-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:32px 14px}}@media(prefers-reduced-motion:reduce){.project-grid-media img,.project-grid-phone,.project-grid-screen img{transition:none}}html.is-info-open .topbar{opacity:0;transform:translateY(-100px);transition-delay:0s}@media(max-width:767px),(orientation:portrait),(pointer:coarse){@media(prefers-reduced-motion:reduce){html.is-info-open .side-arrows{opacity:0;transition:none}}}@media(max-width:767px),(orientation:portrait),(pointer:coarse){.rail,.hint,.social,.topbar-nav .header-cta,.topbar-nav .grid-toggle{display:none}@media(orientation:portrait)and (min-width:600px),(orientation:landscape)and (min-height:600px){.social:not([hidden]){display:flex}}:root{--edge-right: calc(20px + env(safe-area-inset-right)) }.topbar{padding:calc(20px + env(safe-area-inset-top)) var(--edge-right) 0 calc(20px + env(safe-area-inset-left));align-items:center;column-gap:8px}.topbar-nav{margin-left:auto}.audio-toggle{width:44px;height:44px}.menu-actions .menu-sound{display:none}.brand{font-size:21px}.menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4.5px;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:#0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.menu-button span{display:block;width:16px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .3s ease}.menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-panel:not([hidden]){display:block;position:fixed;z-index:6;top:calc(76px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));min-width:228px;max-height:calc(100dvh - 160px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;padding:10px;border-radius:20px;border:1px solid rgba(255,255,255,.19);background:#14141ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-actions{display:flex;flex-direction:column}.menu-action,.menu-sound{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:0 14px;border:0;border-radius:12px;background:none;color:#fff;font:500 12px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-action:active,.menu-sound:active{background:#ffffff14}.menu-action:focus-visible,.menu-sound:focus-visible{outline:1px solid #fff}.menu-action.is-unavailable{color:var(--fg-dim)}.menu-action.is-unavailable:active{background:none}.menu-action .note{margin-left:auto;font-size:9px;letter-spacing:.14em;color:#ffffff61}.menu-action{justify-content:center;padding:0 13px;border:1px solid rgba(255,255,255,.19);border-radius:999px;background:#ffffff08;transition:background-color .15s ease,border-color .15s ease}.menu-action:not(.is-unavailable):active{background:#ffffff1a;border-color:#fff6}.menu-separator{display:none;margin:14px 0 0;border:0;border-top:1px solid rgba(255,255,255,.1)}.menu-sound .wave{margin-left:auto}.menu-sound-state{min-width:2.4em;text-align:right;font-size:10px;color:var(--fg-dim)}.caption{--mobile-scrim: .6;inset:0 0 auto;height:var(--app-h, 100%);max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 15% env(safe-area-inset-bottom);text-align:center}.caption:before{inset:0;background:radial-gradient(ellipse 90% 40% at 50% 52%,rgb(0 0 0 / var(--mobile-scrim)) 30%,rgb(0 0 0 / calc(var(--mobile-scrim) * .82)) 48%,rgb(0 0 0 / calc(var(--mobile-scrim) * .5)) 66%,rgb(0 0 0 / calc(var(--mobile-scrim) * .18)) 84%,transparent)}.caption-title{width:100%;font-size:min(30vw,34vh,240px);line-height:.96;letter-spacing:calc(-.02em + var(--title-optical, 0em));white-space:normal}.caption-title .mask{display:inline-block}.caption-tagline{max-width:none;margin:30px 0;font-size:clamp(1rem,4vw,1.5rem);line-height:1.25}.caption-tagline:before{display:none}.caption-actions{position:relative;gap:12px;margin-top:0}.caption-cta{height:auto;min-height:44px;border:2px solid #000;background:#efefef;color:#000;font-family:var(--body);text-shadow:none;box-shadow:none;transition:transform .2s ease;width:auto;padding:10px 30px;font-size:16px;font-weight:600;line-height:20px;letter-spacing:.02em}.caption-info{--btn-h: 48px;position:absolute;top:calc(100% + 16px);left:calc(50% - var(--btn-h) / 2)}.caption-cta:not([aria-disabled]):hover{color:#000;text-shadow:none}.caption-cta:before{display:none}.caption-cta[aria-disabled]{border-color:#fff6;background:#10101280;color:#ffffffb8;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.caption-cta:not([aria-disabled]):active{transform:scale(.95)}.ticks{display:block}.side-arrows{position:fixed;z-index:3;top:calc(45% - 39.52px);right:var(--edge-right);display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.tick-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #fff;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.tick-arrow:active{transform:scale(.85);background:#fff;color:#000}.side-explore{position:relative;display:block;box-sizing:border-box;height:40px;padding:0 14px;border:0;border-radius:999px;background:#f4f3ef;color:#111;font-family:var(--body);font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 18px #00000059;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,box-shadow .2s ease,scale .15s ease}.side-explore:after{content:"";position:absolute;inset:-2px 0}@media(hover:hover){.side-explore:hover{background:#fff;box-shadow:0 6px 22px #00000073}}.side-explore:active{scale:.96;background:#e2e1dc}.side-explore:focus-visible{outline:2px solid #fff;outline-offset:3px}html:not(.is-loaded) :is(#prev,#next,.side-explore){opacity:0;visibility:hidden}}@media(orientation:portrait){.side-arrows{--explore-w: min(200px, calc(100vw - 160px - env(safe-area-inset-left) - env(safe-area-inset-right)) );top:auto;left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:row;justify-content:center}.side-explore{width:var(--explore-w);font-size:min(11px,calc((var(--explore-w) - 28px) / 15))}#prev,#next{transition:translate 1.1s cubic-bezier(.2,.7,.2,1) .1s,opacity .9s ease .1s}.side-explore{transition:translate 1.1s cubic-bezier(.2,.7,.2,1) .25s,opacity .9s ease .25s,background-color .2s ease,box-shadow .2s ease,scale .15s ease}html:not(.is-loaded) #prev{translate:calc(60px + var(--explore-w) / 2 - 50vw) 0}html:not(.is-loaded) #next{translate:calc(50vw - 60px - var(--explore-w) / 2) 0}html:not(.is-loaded) .side-explore{translate:0 calc(58px + env(safe-area-inset-bottom))}.caption-tagline{margin:22px 0 38px}.caption-title{--caption-fit: off;--title-ratio-measure: on;--title-room: calc(100vw - 40px - env(safe-area-inset-left) - env(safe-area-inset-right)) ;flex:none;width:var(--title-room);font-size:min(calc(var(--title-room) / var(--title-ratio, 4)),34vh,240px);white-space:nowrap}.caption-actions{top:10px}}@media(orientation:portrait)and (max-width:767px)and (max-height:699px){.caption{padding-bottom:calc(env(safe-area-inset-bottom) + 84px)}}@media(max-width:767px),(orientation:portrait),(pointer:coarse){.topbar .audio-toggle{display:none}.menu-actions .menu-sound:not([hidden]){display:flex}.menu-actions:has(.menu-sound:not([hidden])) .menu-separator{display:block}html.is-swiping :is(.caption-title,.caption-tagline,.caption-cta,.caption-info){opacity:0;pointer-events:none;transition:opacity .15s ease}html.is-swiping .caption:before{opacity:0;transition:opacity .15s ease}.cursor-bubble.device-bubble{z-index:1}}@media(orientation:portrait){.brand,.menu-button,.side-arrows{transition:opacity .8s ease}}@media(max-width:767px)and (orientation:landscape),(pointer:coarse)and (orientation:landscape),(orientation:portrait)and (max-width:599px){.topbar{justify-content:flex-start}.topbar-nav{flex:1;justify-content:flex-end}.menu-button,.menu-panel:not([hidden]){display:none}.topbar .audio-toggle:not([hidden]){display:grid;width:40px;height:34px}.topbar-nav .header-cta{display:inline-flex}}@media(orientation:portrait)and (max-width:599px){.topbar-nav{min-height:44px}@media(max-width:359px){.topbar-nav{gap:6px}.topbar .audio-toggle:not([hidden]){width:34px}.topbar-nav .header-cta{padding:0 12px;letter-spacing:.1em}}}@media(max-width:767px)and (orientation:landscape),(pointer:coarse)and (orientation:landscape){.caption-info{top:calc(50% - var(--btn-h) / 2);left:calc(100% + 16px)}.caption{right:auto;width:44%;padding:calc(env(safe-area-inset-top) + 72px) 12px calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 12px)}.caption{align-items:flex-start;text-align:left}.caption-title{--caption-fit: off;--title-ratio-measure: on;font-size:calc((44vw - 24px - env(safe-area-inset-left)) / var(--title-ratio, 2.97));white-space:nowrap}.caption-tagline{max-width:100%;min-height:2.6em;margin:14px 0 20px;font-size:17px;line-height:1.3}@media(min-height:600px){.topbar-nav .grid-toggle{display:grid}.side-explore{display:none}.caption-title{--caption-fit: on;--title-ratio-measure: off;font-size:var(--title-size);white-space:normal}.caption-title .mask{display:block}.caption{padding-left:calc(20px + env(safe-area-inset-left))}.side-arrows{top:calc(45% - 49.52px);gap:36px}}.side-explore{position:fixed;right:var(--edge-right);top:calc(var(--app-h, 100%) / 2 + 53.1px + (44vw - 24px - env(safe-area-inset-left)) / var(--title-ratio, 2.97) / 2 + (env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2);width:178px;padding:0 16px;font-size:10px}.caption:before{background:radial-gradient(closest-side at 50% 52%,rgb(0 0 0 / var(--mobile-scrim)) 30%,rgb(0 0 0 / calc(var(--mobile-scrim) * .82)) 48%,rgb(0 0 0 / calc(var(--mobile-scrim) * .5)) 66%,rgb(0 0 0 / calc(var(--mobile-scrim) * .18)) 84%,transparent)}}.sound-invite{position:fixed;z-index:7;top:calc(50% + (env(safe-area-inset-top) - env(safe-area-inset-bottom))/2);left:calc(50% + (env(safe-area-inset-left) - env(safe-area-inset-right))/2);width:min(340px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100% - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:22px 20px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#0b0b0fb8;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 24px 60px #00000080;color:var(--fg);text-align:center;opacity:0;transform:translate(-50%,calc(-50% + 16px));transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.sound-invite.is-open{opacity:1;transform:translate(-50%,-50%)}.sound-invite:not(.is-open){pointer-events:none}.sound-invite[hidden]{display:none}.sound-invite-icon{display:block;margin:0 auto 10px;color:#ffffffd9}.sound-invite-title{margin:0;font:400 22px/1 var(--brand);letter-spacing:.08em;text-transform:uppercase}.sound-invite-text{margin:8px 0 16px;font:300 13px/1.5 var(--body);color:#ffffffb8}.sound-invite-actions{display:flex;flex-direction:column;gap:4px}.sound-invite-actions button{min-height:44px;margin:0;padding:0 18px;border-radius:999px;font:500 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .25s ease,transform .2s ease}.sound-invite-on{border:1px solid #fff;background:#fff;color:#000}.sound-invite-off{border:1px solid transparent;background:transparent;color:#ffffff9e}@media(hover:hover){.sound-invite-on:hover{background:transparent;color:#fff}.sound-invite-off:hover{color:#fff}}.sound-invite-actions button:active{transform:scale(.97)}.sound-invite-actions button:focus-visible{outline:1px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){a.social-link:hover svg,.brand:hover{transform:none}.sound-invite,.sound-invite.is-open{transform:translate(-50%,-50%);transition:opacity .2s ease}.cursor-bubble,.topbar,.wave-bars,.header-cta .note,.caption-cta,.caption-cta:before,.caption-info,.caption-info:before,.project-info-explore,.project-info-appstore,.project-info-share-button,.project-info-share-status,.project-info-photo img{transition:none}.wave-bar{animation:none!important}html:not(.is-loaded) .topbar{transform:none}:is(#prev,#next,.side-explore){transition:none}html:not(.is-loaded) :is(#prev,#next,.side-explore){translate:none}.loader{transition:opacity .4s ease,visibility 0s linear .4s}.loader-ring .fg{transition:none}}.scroller.is-over-device{cursor:default}.scroller.is-over-device-control{cursor:pointer}.cursor-bubble.device-bubble{will-change:transform,opacity;scale:1;transition:opacity .12s ease-out}@media(pointer:coarse)and (orientation:landscape)and (prefers-reduced-motion:no-preference){.cursor-bubble.device-bubble{transition:opacity .8s ease-in-out}.cursor-bubble.device-bubble.is-visible{transition:opacity .6s ease-in-out}}
