.reveal {
    opacity: 0;
    transform: translate3d(0,64px,0) scale(.985);
    transition: opacity 1.05s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform 1.05s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms);
    will-change: opacity,transform;
    backface-visibility: hidden
}

.reveal.visible {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    will-change: auto
}

.hero-copy.reveal {
    transform: translate3d(-70px,35px,0)
}

.hero-copy.reveal.visible {
    transform: translate3d(0,0,0)
}

.hero-copy p,.hero-copy h2,.hero-copy .more {
    opacity: 0;
    transform: translate3d(0,35px,0);
    transition: opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)
}

.hero-copy.visible p {
    opacity: 1;
    transform: none;
    transition-delay: .18s;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
}

.hero-copy.visible h2 {
    opacity: 1;
    transform: none;
    transition-delay: .36s;
    width: 66%;
    margin: 35px 0 66px;
}

.hero-copy.visible .more {
    opacity: 1;
    transform: none;
    transition-delay: .56s
}

.tabs button {
    opacity: 0;
    transform: translate3d(0,55px,0) scale(.94);
    animation: heroTabIn .95s cubic-bezier(.16,1,.3,1) forwards
}

.tabs button:nth-child(1) {
    animation-delay: .58s
}

.tabs button:nth-child(2) {
    animation-delay: .78s
}

.tabs button:nth-child(3) {
    animation-delay: .98s
}

.split.reveal>div:first-child {
    opacity: 0;
    transform: translate3d(-75px,0,0);
    transition: opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1)
}

.split.reveal>.photo {
    opacity: 0;
    transform: translate3d(75px,0,0) scale(.94);
    transition: opacity 1.1s cubic-bezier(.16,1,.3,1) .18s,transform 1.1s cubic-bezier(.16,1,.3,1) .18s
}

.split.reveal.visible>div:first-child,.split.reveal.visible>.photo {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1)
}

.cards article,.news>article,.news>.news-list {
    opacity: 0;
    transform: translate3d(0,70px,0) scale(.94);
    transition: opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1)
}

.reveal.visible .cards article,.reveal.visible .news>article,.reveal.visible .news>.news-list {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1)
}

.reveal.visible .cards article:nth-child(1),.reveal.visible .news>article:nth-child(1) {
    transition-delay: .18s
}

.reveal.visible .cards article:nth-child(2),.reveal.visible .news>article:nth-child(2) {
    transition-delay: .36s
}

.reveal.visible .cards article:nth-child(3),.reveal.visible .news>.news-list {
    transition-delay: .54s
}

.about.reveal,.about .reveal {
    transform: translate3d(-70px,0,0)
}

.about.reveal.visible,.about .reveal.visible {
    transform: translate3d(0,0,0)
}

@keyframes heroTabIn {
    to {
        opacity: 1;
        transform: translate3d(0,0,0) scale(1)
    }
}

@media(max-width: 720px) {
    .reveal {
        transform:translate3d(0,45px,0) scale(.99)
    }

    .hero-copy.reveal {
        transform: translate3d(-35px,25px,0)
    }

    .split.reveal>div:first-child {
        transform: translate3d(-35px,0,0)
    }

    .split.reveal>.photo {
        transform: translate3d(35px,0,0) scale(.96)
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    .reveal,.hero-copy p,.hero-copy h1,.hero-copy .more,.tabs button,.split.reveal>div,.cards article,.news>article,.news>.news-list,.solution-content,.solution,.chip-photo,.industries button {
        transition: none!important;
        animation: none!important;
        opacity: 1!important;
        transform: none!important
    }
}