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


TORREBLANCA FILUX Stage & Lighting DesignTeatro del Pueblo, Mexico City


For the opening of the International Festival of Lights (FILUX), the scenic design for the band Torreblanca transformed an antique theater. Light was the focus, with simple structures, projections, and shadow play creating luminous sequences.