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; }


SYNERGY Audiovisual InstallationLlum BCN, Barcelona


The project created an immersive, multisensory experience inspired by human emotions. Visuals, light, and sound were choreographed to form a synesthetic environment, inviting visitors to experience the installation as a cohesive whole.