.icon-wrap { display: inline-grid; } .icon-wrap .icon-link { grid-area: 1 / 1; transition: transform 0.3s ease, opacity 0.3s ease; } .icon-wrap .icon-link.to-info { opacity: 1 !important; transform: rotate(0deg); pointer-events: auto !important; z-index: 2; } .icon-wrap .icon-link.to-home { opacity: 0 !important; transform: rotate(45deg); pointer-events: none !important; z-index: 1; } .icon-wrap .icon-link.to-info.active { opacity: 0 !important; pointer-events: none !important; animation: fadeOutRotate 0.3s ease forwards; } .icon-wrap .icon-link.to-info.active ~ .icon-link.to-home { opacity: 1 !important; pointer-events: auto !important; animation: fadeInRotate 0.3s ease forwards; } .icon-wrap .icon-link.to-info:not(.active) { animation: fadeInPlus 0.3s ease forwards; } @keyframes fadeOutRotate { from { opacity: 1; transform: rotate(0deg); } to { opacity: 0; transform: rotate(45deg); } } @keyframes fadeInRotate { from { opacity: 0; transform: rotate(0deg); } to { opacity: 1; transform: rotate(45deg); } } @keyframes fadeInPlus { from { opacity: 0; transform: rotate(135deg); } to { opacity: 1; transform: rotate(180deg); } } }.icon-link { display: inline-block; transition: transform 0.3s ease; transform: rotate(0deg); } .icon-link.active { transform: rotate(45deg); }

We back people with long games: the pioneers shaping what comes next in the collective imagination. Infinite Games is the glue to a select group of creative houses, providing them with capital, care, and strategy. We operate as a network of daring minds who share skills, resources, and access- so support moves through the collective, not only from the top down. We build the infrastructure that singular talents require to evolve beyond any one medium, location, format, or industry.

Infinite Games is currently Sofia Restrepo, Saul Rios Tamayo, WTF Ronnie, Playhouse, The Algorithm Loves You and In The Middle of The Future.

html { --mobile-scale: 1.5; --mobile-padding-offset: 0.75; } body { --swatch-1: rgba(0, 0, 0, 0.85); --swatch-2: rgba(0, 0, 0, 0.75); --swatch-3: rgba(0, 0, 0, 0.6); --swatch-4: rgba(0, 0, 0, 0.4); --swatch-5: rgba(0, 0, 0, 0.25); --swatch-6: rgba(158, 158, 158, 0.95); --swatch-7: #696969; } body.mobile { } a:active, .linked:active, .zoomable::part(media):active { opacity: 0.7; } .page a.active { } sub { position: relative; vertical-align: baseline; top: 0.3em; } sup { position: relative; vertical-align: baseline; top: -0.4em; } .small-caps { font-variant: small-caps; text-transform: lowercase; } ol { margin: 0; padding: 0 0 0 2.5em; } ul { margin: 0; padding: 0 0 0 2.0em; } ul.lineated { margin: 0; padding: 0; list-style-type: none; margin: 0 0 0 3em; text-indent: -3em; } blockquote { margin: 0; padding: 0 0 0 2em; } hr { background: rgba(0, 0, 0, 0.15); border: 0; height: 1px; display: block; margin-top: 0.5rem; margin-bottom: 0.5rem; } .content { border-width: 0.0rem; border-color: rgba(0,0,0,.85); border-style: solid; margin: 0.0rem; } bodycopy { font-size: 1.05rem; font-weight: 750; color: #696969; font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: -0.01em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .mobile bodycopy { font-size: 1.80rem; color: #ffffff; } bodycopy a { color: #696969; text-decoration: none; } .mobile bodycopy a { color: #ffffff; } bodycopy a:hover { } h1 { font-family: "Diatype Variable"; font-style: normal; font-weight: 800; margin: 0; font-size: 4.1rem; line-height: 1; color: rgba(0, 0, 0, 0.85); letter-spacing: -0.015em; font-variation-settings: 'slnt' 0, 'MONO' 0; } h1 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } h1 a:hover { } h2 { font-family: "Diatype Variable"; font-style: normal; font-weight: 750; margin: 0; color: rgba(158, 158, 158, 0.95); font-size: 2.4rem; line-height: 1; letter-spacing: -0.01em; font-variation-settings: 'slnt' 0, 'MONO' 0; } h2 a { color: rgba(158, 158, 158, 0.95); text-decoration: none; } h2 a:hover { } .caption { font-size: 0.8rem; font-weight: 450; color: rgba(0, 0, 0, 0.85); font-family: "Diatype Variable"; font-style: normal; line-height: 1.2; letter-spacing: 0em; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } .caption a { color: rgba(0, 0, 0, 0.85); text-decoration: underline; } .caption a:hover { } media-item .caption { margin-top: 1.0em; } gallery-grid .caption, gallery-columnized .caption, gallery-justify .caption { margin-bottom: 0.5em; } [thumbnail-index] .caption { text-align: center; } [thumbnail-index] .caption .tags { margin-top: 0.25em; } .page { justify-content: flex-start; } .page-content { padding: 1rem; text-align: left; } .mobile [id] .page-layout { max-width: 100%; } .mobile [id] .page-content { } .page-layout { align-items: flex-start; max-width: 100%; } media-item::part(media) { border: 0; padding: 0; } .quick-view { height: 100%; width: 100%; padding: 3rem; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; } .quick-view-background { background-color: #ffffff; } .quick-view .caption { color: rgba(255, 255, 255, 1.0); padding: 20px 0; text-align: center; transition: 100ms opacity ease-in-out; position: absolute; bottom: 0; left: 0; right: 0; } .quick-view .caption-background { padding: 0.5rem 1rem; display: inline-block; background: rgba(0, 0, 0, 0.5); border-radius: .5rem; text-align: left; max-width: 50rem; } .mobile .quick-view { width: 100%; height: 100%; margin: 0; padding: 10px; } .mobile .quick-view .caption { padding: 10px 0; } .mobile .quick-view .caption-background { max-width: 100vw; } ::part(slideshow-nav) { --button-size: 30px; --button-inset: 20px; --button-icon-color: rgba(255, 255, 255, 0.9); --button-icon-stroke-width: 1.5px; --button-icon-stroke-linecap: none; --button-background-color: rgba(87, 87, 87, 0.35); --button-background-radius: 50%; --button-active-opacity: 0.7; } gallery-slideshow::part(slideshow-nav) { --button-inset: 15px; } .quick-view::part(slideshow-nav) { } .wallpaper-slideshow::part(slideshow-nav) { } .mobile ::part(slideshow-nav) { --button-inset: 10px; } .mobile .quick-view::part(slideshow-nav) { --button-inset: 25px; } shop-product { font-size: 1.2rem; max-width: 22rem; font-family: "Diatype Variable"; font-style: normal; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; letter-spacing: 0em; margin-bottom: 1em; } shop-product::part(price) { color: rgba(0, 0, 0, 0.75); line-height: 1.1; margin-bottom: 0.5em; } shop-product::part(dropdown) { width: 100%; color: rgba(0, 0, 0, 0.85); border: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.0); background-image: url(https://static.cargo.site/assets/images/select-line-arrows.svg); background-repeat: no-repeat; background-position: top 0em right .1em; line-height: 1.2; padding: 0.58em 2em 0.55em 0.9em; border-radius: 10em; margin-bottom: 0.5em; } shop-product::part(button) { background: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.75); text-align: left; line-height: normal; padding: 0.5em 1em; cursor: pointer; border-radius: 10em; } shop-product::part(button):active { opacity: .7; } audio-player { --text-color: rgba(0, 0, 0, 0.85); --text-padding: 0 1.2em 0 1.0em; --background-color: rgba(255, 255, 255, 0); --buffer-background-color: rgba(0, 0, 0, 0.03); --progress-background-color: rgba(0, 0, 0, 0.075); --border-lines: 1px solid rgba(0, 0, 0, 0.2); font-size: 1.2rem; width: 32rem; height: 2.75em; font-family: "Diatype Variable"; font-style: normal; font-weight: 400; font-variation-settings: 'slnt' 0, 'MONO' 0; line-height: normal; letter-spacing: 0em; margin-bottom: 0.5em; border-radius: 10em; } audio-player::part(button) { --icon-color: rgba(0, 0, 0, 0.85); --icon-size: 32%; --play-text: ''; --pause-text: ''; width: 3.15em; display: inline-flex; justify-content: center; cursor: pointer; } audio-player::part(play-icon) { padding-left: 0.6em; } audio-player::part(pause-icon) { padding-left: 0.4em; } audio-player::part(progress-indicator) { border-right: 1px solid rgba(0, 0, 0, 0); height: 100%; cursor: ew-resize; } audio-player::part(separator) { border-right: var(--border-lines); } body.mobile audio-player { max-width: 100%; } media-item { --scroll-animation-mode: transition; --scroll-animation: scrollTransitionFadeUp-2; --scroll-animation-timing: cubic-bezier(0.45,0.05,0.33,1); --scroll-animation-transition-duration: 1000ms; } @keyframes scrollTransitionFadeUp-2 { 0% { opacity: 0; transform: translateY(40px); } 25% { opacity: 1; transform: translateY(0vh); } } .mobile .content { }

Infinite Games® = play + purpose. Contact is reserved for friends of friends at the moment +⑤⑦