/* ============================================================ SCROLL ANIMATION — WORK INDEX FADE UP Paste into: Semplice > Settings > Custom CSS ============================================================ */ /* 1. Initial hidden state */ .fp-section .wm-animate { opacity: 0; transform: translateY(20px); transition: opacity 0.55s ease, transform 0.55s ease; will-change: opacity, transform; } /* 2. Triggered state — JS adds this class when section goes active */ .fp-section.active .wm-animate.is-visible { opacity: 1; transform: translateY(0); } /* 3. Instant reset when leaving a section (re-animates on return) */ .fp-section:not(.active) .wm-animate { opacity: 0; transform: translateY(20px); transition: none; } @media screen and (min-width: 544px) and (max-width: 767.98px){/* SVG Fill Color on Cover */ .semplice-navbar:not(.cover-transparent) .logo a svg path { fill: black !important; } /* Menu Item Color on Cover */ .semplice-navbar:not(.cover-transparent) .menu-item a span { color: black !important; } /* Hamburger and X Color on Cover */ .semplice-navbar:not(.cover-transparent) .navbar-inner .hamburger a.menu-icon span { background-color: black !important; }}@media screen and (max-width: 543.98px){ /* SVG Fill Color on Cover */ .semplice-navbar:not(.cover-transparent) .logo a svg path { fill: black !important; } /* Menu Item Color on Cover */ .semplice-navbar:not(.cover-transparent) .menu-item a span { color: black !important; } /* Hamburger and X Color on Cover */ .semplice-navbar:not(.cover-transparent) .navbar-inner .hamburger a.menu-icon span { background-color: black !important; } .is-frontend .semplice-navbar {position: fixed !important;} .custom-grid .column { width: 20% !important; max-width: 20% !important; flex-basis: 20% !important; } }#nprogress .bar { background: #ffd300; }#nprogress .bar { height: 1.1111111111111112rem; }.back-to-top { display: none !important; }.back-to-top a svg { fill: transparent; } .semplice-cursor #semplice-cursor .semplice-cursor-inner { background-color: #ffffff; }.semplice-cursor #semplice-cursor { mix-blend-mode: difference; }.semplice-cursor #semplice-cursor .semplice-cursor-inner .cursor-text { font-family: "IngramMono-Regular", sans-serif;font-weight: 400;font-variation-settings: normal;font-style: normal; } #content-holder .thumb .thumb-inner .thumb-hover {background-color: rgba(0, 0, 0, 0.5);background-size: auto;background-position: 0% 0%;background-repeat: no-repeat;}#content-holder .thumb .thumb-hover-meta { padding: 2.22rem; }#content-holder .thumb .thumb-hover-meta .title { color: #ffffff; font-size: 1.33rem; text-transform: none; }#content-holder .thumb .thumb-hover-meta .category { color: #999999; font-size: 1rem; text-transform: none; }#content-holder .thumb video { opacity: 1; }

Changing the Game

[01—09]

Making accessible gaming win the Super Bowl

Microsoft

Cannes
D&AD
One Show
Clios
ADC
LIA
Epica
ANDY

The Living Portrait of NYC

[02—09]

A 45 minute ad for a bank that made people cry

Citizens Bank

D&AD
Clio
One Show
LIA

The Price on Our Lives

[03—09]

A symbol for the price politicians put on students lives

March For Our Lives

Cannes
D&AD
One Show
Clios
ADC
Epica
LIA
ANDYS

The Flame That Lasts a Lifetime

[04—09]

Showing Zippo’s are forever even when love isn’t

Zippo

One Show

Techsplainers

[05—09]

Explaining the hybrid cloud with music, food and sports

IBM — Hybrid Cloud

Pyro Posters

[06—09]

Posters that asked to be lit on fire

Zippo


Cannes
One Show

Cuervosel

[07—09]

Ringing in the New Year with 57 bottles of tequila

Jose Cuervo

Reindeer Games

[08—09]

Winning the holidays with inclusive gaming

Microsoft

Miscellaneous One-Offs

[09—09]

B-Sides

Citizens Bank
Zippo