bodycopy { font-size: 1.60rem; font-weight: 450; color: rgba(0, 0, 0, 0.85); font-family: "Diatype Variable"; font-style: normal; line-height: 1; letter-spacing: 0; display: block; font-variation-settings: 'slnt' 0, 'MONO' 0; } bodycopy a { color: rgba(0, 0, 0, 0.85); border-bottom: 0px solid rgba(127, 127, 127, 0.2); text-decoration: none; } bodycopy { font-size: 1.20rem; line-height: 1.35; } bodycopy a:hover { } .button-8 a { --text-style: "button 8"; color: rgba(0, 0, 0, 0.85); display: inline-block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-width: 0.2rem; filter: drop-shadow(0rem 0rem 0rem rgba(0,0,0,0.85)); will-change: filter; border-radius: 0.5rem; padding: 0.8rem; padding-right: 1rem; padding-left: 1rem; color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-8 { font-size: 1.20rem; line-height: 1.35; } .button-8 a:hover { } .button-8 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-14 a { --text-style: "button 14"; color: #ffffff; background: #ff0256; display: inline-block; border-radius: 99rem; padding-top: 0.8rem; padding-right: 2rem; padding-bottom: 0.8rem; padding-left: 2rem; filter: drop-shadow(0.2rem 0.2rem 0.7rem rgba(255, 4, 86, 0.6)); will-change: filter; color: #ffffff; text-decoration: none; } .button-14 { font-size: 1.20rem; line-height: 1.35; } .button-14 a:hover { } .button-14 a.active { color: #ffffff; text-decoration: none; } .button-8-1 a { --text-style: "button 8-1"; color: rgba(0, 0, 0, 0.85); display: inline-block; border-color: rgba(0, 0, 0, 0.85); border-style: solid; border-width: 0.2rem; filter: drop-shadow(0rem 0rem 0rem rgba(0,0,0,0.85)); will-change: filter; border-radius: 0.5rem; padding: 0.8rem; padding-right: 1rem; padding-left: 1rem; color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-8-1 { font-size: 1.20rem; line-height: 1.35; } .button-8-1 a:hover { } .button-8-1 a.active { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .button-6 a { --text-style: "button 6"; color: #ffffff; background: rgba(0, 0, 0, 0.4); display: inline-block; border-radius: 999rem; padding-top: 0.7rem; padding-right: 1.5rem; padding-bottom: 0.7rem; padding-left: 1.5rem; color: #ffffff; text-decoration: none; } .button-6 { font-size: 1.20rem; line-height: 1.35; } .button-6 a:hover { } .button-6 a.active { color: #ffffff; text-decoration: none; } .button-6-1 a { --text-style: "button 6-1"; color: #ffffff; background: rgba(0, 0, 0, 0.4); display: inline-block; border-radius: 999rem; padding-top: 0.7rem; padding-right: 1.5rem; padding-bottom: 0.7rem; padding-left: 1.5rem; color: #ffffff; text-decoration: none; } .button-6-1 { font-size: 1.20rem; line-height: 1.35; } .button-6-1 a:hover { } .button-6-1 a.active { color: #ffffff; text-decoration: none; } .button-1 a { --text-style: "button 1"; color: rgb(255, 255, 255); background: #027aff; display: inline-block; border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.1rem; border-radius: 0.6rem; padding-top: 0.6rem; padding-right: 1.2rem; padding-bottom: 0.6rem; padding-left: 1.2rem; filter: drop-shadow(0rem 0.5rem 0.6rem rgba(0, 0, 0, 0.15)); will-change: filter; color: #ffffff; text-decoration: none; } .button-1 { font-size: 1.20rem; line-height: 1.35; } .button-1 a:hover { } .button-1 a.active { color: #ffffff; text-decoration: none; }


GET-HUB Interactive Installation — Ca l’Alier, Barcelona


Developed for an event by the Barcelona City Council and the AllWomen Academy, the piece showcased companies’ commitments to gender equity. An interactive touchscreen platform contained layers of data accessible via user input.