:root {
    --base-scale: calc(6 / 8);
    /* Sizing */
    --col: 12vw;
    --col-gap: 3rem;
    --max-width: calc(var(--col) * 6 + var(--col-gap) * 5);
    --col-1: var(--col);
    --col-2: calc(var(--col) * 2 + var(--col-gap));
    --col-3: calc(var(--col) * 3 + var(--col-gap) * 2);
    --col-4: calc(var(--col) * 4 + var(--col-gap) * 3);
    --col-5: calc(var(--col) * 5 + var(--col-gap) * 4);
    --col-6: calc(var(--col) * 6 + var(--col-gap) * 5);
    --offset-horizontal: 4rem;
    --grid-content-columns: repeat(6, var(--col));
    --grid-template-columns: minmax(var(--offset-horizontal), 1fr) var(--grid-content-columns) minmax(var(--offset-horizontal), 1fr);
    /* Spacing */
    --spacing-medium: 8rem;
    --spacing-large: 12rem;
    /* Colors */
    --color-primary: #222;
    --color-secondary: #5b5b5b;
    --color-accent: #007df6;
    --color-light-accent: #e2f1ff;
    --color-background: #fff;
    --color-error: #ec2a2a;
    --color-light: #f9fafd;
    --color-text: var(--color-primary);
    --color-text-inverted: var(--color-background);
    --color-muted: var(--color-secondary);
    --color-muted-inverted: var(--color-background);
    --color-link: var(--color-accent);
    --color-link-inverted: var(--color-background);
    --h1: 10rem;
    --h1-lh: 1.2;
    --label: 1.75rem;
    --label-lh: 1.142857143;
    --lead: 4rem;
    --lead-lh: 1.5;
    --h2: 8rem;
    --h2-lh: 1.25;
    --h3: 5rem;
    --h3-lh: 1.2;
    --h4: 4rem;
    --h4-lh: 1.25;
    --h5: 2.5rem;
    --h5-lh: 1.25;
    --p: 2.5rem;
    --p-lh: 1.6
}

@media (max-width: 887px) {
    :root {
        --col-gap: 2rem;
        --offset-horizontal: 0;
        --max-width: calc(100vw - 4rem);
        --h1: 6rem;
        --h1-lh: 1.2;
        --label: 2.5rem;
        --lead: 3rem;
        --lead-lh: 1.6;
        --h2: 5rem;
        --h2-lh: 1.2;
        --h3: 4rem;
        --h3-lh: 1.25;
        --h4: 3rem
    }
}

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Nunito Sans', sans-serif;
    color: var(--color-muted)
}

html {
    /* Reset the base fontsize for 1rem to 50% of the 16px multiplied with the current scale */
    font-size: calc(50% * var(--base-scale));
    line-height: 1.5
}

@media (min-width: 960px) {
    :root {
        --base-scale: calc(7 / 8)
    }
}

@media (min-width: 1440px) {
    :root {
        --base-scale: 1;
        /* == 8px */
        --col: 22rem
    }
}

body {
    font-size: var(--p);
    line-height: var(--p-lh)
}

/* Typography */
a,
a:link,
a:visited {
    color: var(--color-link);
    text-decoration: none
}

a:focus,
a:hover,
a:active {
    color: var(--color-link);
    text-decoration: underline
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited,
h5 a:link,
h5 a:visited,
h6 a:link,
h6 a:visited {
    color: inherit
}

h1 a:focus,
h1 a:hover,
h1 a:active,
h2 a:focus,
h2 a:hover,
h2 a:active,
h3 a:focus,
h3 a:hover,
h3 a:active,
h4 a:focus,
h4 a:hover,
h4 a:active,
h5 a:focus,
h5 a:hover,
h5 a:active,
h5 a:focus,
h5 a:hover,
h5 a:active,
h6 a:focus,
h6 a:hover,
h6 a:active {
    color: var(--color-link);
    text-decoration: none;
    background-image: linear-gradient(to right, currentColor 75%, transparent 75%);
    background-position: 0 1.1em;
    background-repeat: repeat-x;
    background-size: 200vw 2px;
    text-shadow: -2px -2px white, -2px 2px white, 2px -2px white, 2px 2px white
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: var(--color-text)
}

h1 {
    font-size: var(--h1);
    font-weight: 300;
    line-height: var(--h1-lh)
}

h1 small {
    display: block;
    color: var(--color-muted);
    margin-bottom: 2rem;
    font-size: var(--label);
    line-height: var(--label-lh);
    text-transform: uppercase
}

h2 {
    margin-bottom: 6rem;
    font-size: var(--h2);
    font-weight: 300;
    line-height: var(--h2-lh)
}

*:not(h1)+h2 {
    margin-top: 12rem
}

h3 {
    margin-bottom: 3rem;
    font-size: var(--h3);
    line-height: var(--h3-lh);
    font-weight: 400
}

*:not(h1):not(h2)+h3 {
    margin-top: 8rem
}

h4 {
    margin-bottom: 3rem;
    font-size: var(--h4);
    line-height: var(--h4-lh);
    font-weight: 400
}

*+h4 {
    margin-top: 6rem
}

h5 {
    margin-bottom: 1rem;
    font-size: var(--h5);
    line-height: var(--h5-lh);
    font-weight: 700
}

*+h5 {
    margin-top: 3rem
}

@media (max-width: 887px) {
    h1 small {
        color: var(--color-text)
    }

    h2 {
        margin-bottom: 3rem;
        hyphens: auto
    }
}

blockquote,
figure,
ul,
ol,
dl,
li,
dl,
dt,
dd,
p,
table {
    margin: 0;
    padding: 0
}

p+p,
p+blockquote,
blockquote+p {
    margin-top: 4rem
}

blockquote p {
    flex: 1
}

li {
    margin-bottom: 0.5rem;
    margin-left: 3rem
}

nav ul,
nav li {
    margin: 0;
    padding: 0;
    list-style: none
}

*+ul,
*+ol {
    margin-top: 1rem;
    margin-bottom: 1rem
}

figure {
    display: block;
    margin-bottom: 3rem
}

*+figure {
    margin-top: 3rem
}

figure a {
    display: block
}

figure img {
    max-width: 100%;
    height: auto
}

figcaption {
    display: block;
    font-size: var(--label);
    line-height: var(--label--lh);
    color: var(--color-secondary)
}

*+figcaption {
    margin-top: 1rem
}

figcaption a {
    display: unset
}

img {
    vertical-align: middle;
    border-style: none
}

address {
    font-style: normal
}

*+form {
    margin-top: 3rem
}

code {
    padding: 0.3rem 0.4rem;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    background: #f4f4f4;
    border-radius: 0.15em;
    font-size: 0.9em
}

pre code {
    padding: unset;
    background: none;
    font-size: inherit
}

table {
    min-width: 100%;
    table-layout: fixed;
    border: 1px solid #dddddd;
    border-spacing: 0;
    border-collapse: collapse
}

th,
td {
    padding: 1.8rem 2rem;
    text-align: left;
    font-size: inherit;
    font-weight: 400;
    border: 1px solid #dddddd
}

/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: local('Nunito Sans Light'), local('NunitoSans-Light'), url(/assets/fonts/nunito-sans/light-latin-ext-13677839a42d452936029c73fe7b1f7c.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: local('Nunito Sans Light'), local('NunitoSans-Light'), url(/assets/fonts/nunito-sans/light-latin-4235b0eaecb9a289b269f2d89fa87488.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(/assets/fonts/nunito-sans/regular-latin-ext-dc298c6eea04bfcdba903474596830df.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(/assets/fonts/nunito-sans/regular-latin-7d1c21e468643e78004f44dd50133e4d.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

/* latin-ext */
@font-face {
    font-family: 'Nunito Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(/assets/fonts/nunito-sans/bold-latin-ext-246ac5bbeb1c11a155c08f8963c32c91.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

/* latin */
@font-face {
    font-family: 'Nunito Sans';
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(/assets/fonts/nunito-sans/bold-latin-79e41659cbbde2a61374a5c14c5bcd18.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@media (max-width: 887px) {
    [data-menu] nav {
        display: block;
        pointer-events: none;
        margin-top: -8rem
    }

    [data-menu] nav a,
    [data-menu] nav a:focus,
    [data-menu] nav a:hover {
        position: relative;
        top: 3rem;
        z-index: 1;
        display: block;
        margin: 2rem 0;
        padding: 1rem 2rem;
        color: var(--color-text-inverted);
        font-size: var(--lead);
        line-height: var(--lead-lh);
        text-align: center;
        border: 0;
        background: transparent;
        transition: none;
        text-decoration: none
    }

    #toggle:checked+[data-menu] svg {
        --img: #fff;
        --type: #fff
    }

    #toggle:checked+[data-menu] nav {
        margin-top: 0;
        top: 0;
        z-index: 2;
        opacity: 1;
        pointer-events: all
    }

    #toggle:checked+[data-menu] label[for='toggle'] {
        --color: var(--color-text-inverted);
        --color-background: var(--color-accent)
    }
}

/* we need to set this here since !important is not allowed in css-blocks */
video:not([data-header-background]) {
    width: 100% !important;
    height: 100% !important
}

.PageBlogPage1_6a7a2__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.blog-post_86805 {
    --accent-color: #007df6;
    --shape-decoration-position-right: -92em;
    --shape-decoration-position-top: -20em;
    --negative-offset: calc(var(--col-1) + var(--col-gap))
}

.blog-post_86805__header {
    grid-column: 2/-2;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: var(--col-gap);
    grid-auto-flow: dense;
    margin-bottom: -4rem
}

.blog-post_86805__headline {
    grid-column: 1/-1
}

.blog-post_86805__badge {
    grid-column: 1/-1;
    margin-bottom: 5rem
}

.blog-post_86805__excerpt {
    grid-column: 1/-1;
    margin-bottom: 3rem
}

.blog-post_86805__badge-image {
    border-radius: 50%;
    border: 3px solid var(--color-accent);
    overflow: hidden;
    width: 8em;
    height: 8rem;
    flex: 0 0 8rem
}

.blog-post_86805__badge-content {
    font-size: var(--label);
    line-height: var(--label-lh);
    margin-top: 1rem
}

.blog-post_86805__video {
    max-width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.blog-post_86805__content-post {
    width: var(--col-5);
    padding-left: var(--col-1)
}

.blog-post_86805__sidebar-post {
    width: var(--col-1)
}

.blog-post_86805__figure,
.blog-post_86805__figure-plain {
    margin: 2rem 0;
    padding: 0
}

.blog-post_86805__figure {
    background: #f5f5f5
}

.blog-post_86805__image {
    float: left;
    margin: 0 3rem 2rem 0;
    max-width: var(--col-2);
    height: auto
}

.blog-post_86805__embedd {
    position: relative;
    margin: 2rem 0;
    padding: 0 0 56.25%;
    background: #f5f5f5
}

.blog-post_86805__embedd-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.blog-post_86805__quote {
    position: relative;
    padding-left: 8rem;
    border-left: 4px solid #5b5b5b
}

.blog-post_86805__quote::before {
    content: '“';
    font-size: 12rem;
    line-height: 1rem;
    position: absolute;
    top: 4rem;
    left: 2rem
}

.blog-post_86805__quote-paragraph {
    flex: 1
}

.blog-post_86805__quote-author {
    margin-top: 2rem;
    margin-bottom: 0;
    display: block
}

.typography_fc47b__small.blog-post_86805__quote-author {
    margin-bottom: 0
}

.blog-post_86805__quote-author::before {
    content: '-';
    margin-right: 2px
}

@media (min-width:888px) {
    .blog-post_86805__header {
        margin-top: 21rem
    }

    .blog-post_86805__headline {
        grid-column: 2/-2
    }

    .blog-post_86805__badge {
        margin-top: 2rem;
        grid-column: 1/2
    }

    .blog-post_86805__excerpt {
        grid-column: 2/-2
    }

    .blog-post_86805__badge-image {
        float: right;
        width: 15rem;
        height: 15rem
    }

    .blog-post_86805__badge-content {
        padding-top: 3rem;
        padding-right: 1rem;
        clear: right;
        text-align: right
    }

    .blog-post_86805__figure {
        margin: 2rem calc(-1 * var(--negative-offset));
        padding: 3rem
    }

    .blog-post_86805__embedd {
        margin: 2rem calc(-1 * var(--negative-offset));
        padding: 3rem 3rem calc(3rem + 56.25% + 1.125 * var(--negative-offset))
    }

    .blog-post_86805__embedd-iframe {
        width: calc(100% - 6rem);
        height: calc(100% - 6rem);
        top: 3rem;
        left: 3rem
    }
}

@media (max-width:887px) {
    .blog-post_86805__header {
        margin-bottom: 0
    }

    .blog-post_86805__badge {
        display: flex
    }

    .blog-post_86805__badge-content {
        margin-left: 2rem
    }

    .blog-post_86805__content-post {
        width: 100%;
        padding-left: 0
    }
}

.blog-post_86805__hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #333;
    background: #f8f8f8
}

.blog-post_86805__hljs-comment,
.blog-post_86805__hljs-quote {
    color: #998;
    font-style: italic
}

.blog-post_86805__hljs-keyword,
.blog-post_86805__hljs-selector-tag,
.blog-post_86805__hljs-subst {
    color: #333;
    font-weight: 700
}

.blog-post_86805__hljs-attr,
.blog-post_86805__hljs-literal,
.blog-post_86805__hljs-number,
.blog-post_86805__hljs-template-variable,
.blog-post_86805__hljs-variable {
    color: teal
}

.blog-post_86805__hljs-doctag,
.blog-post_86805__hljs-string {
    color: #d14
}

.blog-post_86805__hljs-section,
.blog-post_86805__hljs-selector-id,
.blog-post_86805__hljs-title {
    color: #900;
    font-weight: 700
}

.blog-post_86805__hljs-subst {
    font-weight: 400
}

.blog-post_86805__hljs-class,
.blog-post_86805__hljs-type {
    color: #458;
    font-weight: 700
}

.blog-post_86805__hljs-attribute,
.blog-post_86805__hljs-name,
.blog-post_86805__hljs-tag {
    color: navy;
    font-weight: 400
}

.blog-post_86805__hljs-link,
.blog-post_86805__hljs-regexp {
    color: #009926
}

.blog-post_86805__hljs-bullet,
.blog-post_86805__hljs-symbol {
    color: #990073
}

.blog-post_86805__hljs-built_in,
.blog-post_86805__hljs-builtin-name {
    color: #0086b3
}

.blog-post_86805__hljs-meta {
    color: #999;
    font-weight: 700
}

.blog-post_86805__hljs-deletion {
    background: #fdd
}

.blog-post_86805__hljs-addition {
    background: #dfd
}

.blog-post_86805__hljs-emphasis {
    font-style: italic
}

.blog-post_86805__hljs-strong {
    font-weight: 700
}

.Layout_29716 {
    position: relative;
    display: grid;
    grid-template-columns: var(--grid-template-columns);
    column-gap: var(--col-gap);
    grid-column: 1/-1
}

.Layout_29716__content,
.Layout_29716__full,
.Layout_29716__main,
.Layout_29716__side {
    position: relative;
    z-index: 1
}

.Layout_29716__content,
.Layout_29716__content-right,
.Layout_29716__full,
.Layout_29716__main,
.Layout_29716__side,
.Layout_29716__split-leading,
.Layout_29716__split-trailing {
    grid-column: 2/-2
}

.Layout_29716__bleed-right {
    grid-column: 2/-1
}

.Layout_29716__bleed-left {
    grid-column: 1/-2
}

@media (min-width:888px) {
    .Layout_29716__main {
        grid-column: 2/5
    }

    .Layout_29716__side {
        grid-column: -4/-2
    }

    .Layout_29716__content-right {
        grid-column: -6/-2
    }

    .Layout_29716__content-left {
        grid-column: 2/-4
    }

    .Layout_29716__bleed-right {
        grid-column: -4/-1
    }

    .Layout_29716__bleed-left {
        grid-column: 1/-6
    }

    .Layout_29716__bleed-left,
    .Layout_29716__bleed-right {
        display: flex;
        align-items: center
    }

    .Layout_29716__content {
        grid-column: 3/-3
    }

    .Layout_29716__split-leading {
        grid-column: 2/5
    }

    .Layout_29716__split-trailing {
        grid-column: -5/-2
    }
}

.Figure_2f333__content {
    display: block;
    width: 100%;
    height: auto
}

.Figure_2f333__content-centered {
    display: block;
    margin: 0 auto
}

.Figure_2f333__content-full {
    position: relative;
    top: 0;
    left: 50%;
    margin: 0;
    transform: translate(-50%, 0);
    width: 100vw;
    max-width: unset
}

.typography_fc47b__display,
.typography_fc47b__display-plain,
.typography_fc47b__h1 {
    color: var(--color-text);
    font-size: var(--h1);
    font-weight: 300;
    line-height: var(--h1-lh)
}

.typography_fc47b__display {
    margin-bottom: 6rem
}

.typography_fc47b__h2 {
    font-size: var(--h2);
    font-weight: 300;
    line-height: var(--h2-lh)
}

.typography_fc47b__h3 {
    font-size: var(--h3);
    line-height: var(--h3-lh);
    font-weight: 400
}

.typography_fc47b__h4 {
    font-size: var(--h4);
    line-height: var(--h4-lh);
    font-weight: 400
}

.typography_fc47b__h5 {
    font-size: var(--h5);
    line-height: var(--h5-lh);
    font-weight: 700
}

.typography_fc47b__small {
    color: var(--color-muted);
    display: block;
    margin-bottom: 2rem;
    font-size: var(--label);
    line-height: var(--label-lh);
    text-transform: uppercase
}

.typography_fc47b__lead {
    color: var(--color-muted);
    font-size: var(--lead);
    font-weight: 300;
    line-height: var(--lead-lh)
}

.typography_fc47b__lead+.typography_fc47b__lead {
    margin-top: 5rem
}

.typography_fc47b__p {
    font-size: var(--p);
    line-height: var(--p-lh)
}

.typography_fc47b__quote {
    font-style: italic
}

.typography_fc47b__tag {
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    color: var(--color-link)
}

.typography_fc47b__hidden {
    position: absolute;
    display: inline-block;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.typography_fc47b__table {
    overflow: auto;
    margin: 3rem auto
}

@media (max-width:887px) {

    .typography_fc47b__display,
    .typography_fc47b__h1 {
        margin-bottom: 3rem
    }

    .typography_fc47b__h2 {
        margin-bottom: 3rem
    }

    .typography_fc47b__small {
        color: var(--color-text)
    }
}

@media (min-width:888px) {
    .typography_fc47b__nowrap {
        white-space: nowrap
    }
}

.Offset_3a96c__none {
    margin: 0
}

.Offset_3a96c__horizonal-none {
    margin-left: 0;
    margin-right: 0
}

.Offset_3a96c__vertical-none {
    margin-top: 0;
    margin-bottom: 0
}

.Offset_3a96c__leading-none {
    margin-left: 0
}

.Offset_3a96c__trailing-none {
    margin-right: 0
}

.Offset_3a96c__before-none {
    margin-top: 0
}

.Offset_3a96c__before-5 {
    margin-top: 5rem
}

.Offset_3a96c__before-12 {
    margin-top: 12rem
}

.Offset_3a96c__before-16 {
    margin-top: 16rem
}

.Offset_3a96c__after-none {
    margin-bottom: 0
}

.Offset_3a96c__after-3 {
    margin-bottom: 3rem
}

.Offset_3a96c__after-5 {
    margin-bottom: 5rem
}

.Offset_3a96c__after-12 {
    margin-bottom: 12rem
}

.Offset_3a96c__after-16 {
    margin-bottom: 16rem
}

.Offset_3a96c__after-21 {
    margin-bottom: 21rem
}

@media (max-width:887px) {
    .Offset_3a96c__before-5-atmobile {
        margin-top: 5rem
    }

    .Offset_3a96c__before-16 {
        margin-bottom: 12rem
    }

    .Offset_3a96c__after-12 {
        margin-bottom: 8rem
    }

    .Offset_3a96c__after-16 {
        margin-bottom: 12rem
    }

    .Offset_3a96c__after-21 {
        margin-bottom: 16rem
    }
}

@media (min-width:888px) {
    .Offset_3a96c__before-5-atlarge {
        margin-top: 5rem
    }

    .Offset_3a96c__after-12-atlarge {
        margin-bottom: 12rem
    }
}

.Source_e0f04 {
    margin: 3rem 0;
    background: #f4f4f4;
    border: 1px solid #ddd;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    max-width: 100%;
    overflow: auto;
    padding: 1.5rem 2rem;
    display: block;
    white-space: pre;
    text-align: justify;
    font-size: var(--p);
    line-height: var(--p-lh)
}

.pagination_9ebe9 {
    display: flex;
    justify-content: space-between
}

.PageBlogPage2_bb3f7__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogPage3_aa39e__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogPage4_76f00__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogPage5_e3a10__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogPage6_6a798__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogPage7_340e0__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogPage8_9767c__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.fluid-image_c2eb8__image {
    width: 100%;
    height: auto;
    vertical-align: top
}

.fluid-image_c2eb8__image-cover {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fluid-image_c2eb8__image-clipped {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.list_700eb {
    list-style-position: inside;
    padding-left: 3rem
}

.list_700eb__vertical {
    list-style: none
}

.list_700eb__vertical-item {
    padding-bottom: 1rem
}

.list_700eb__vertical-item:last-child {
    padding-bottom: initial
}

.list_700eb__vertical-item~.list_700eb__vertical-item {
    padding-top: 1.5rem;
    border-top: 1px solid #c9cad0
}

.list_700eb__vertical-item {
    margin-left: 0
}

.list_700eb__logos {
    display: flex;
    width: calc(100% + var(--offset-horizontal));
    justify-content: center;
    flex-flow: wrap;
    align-items: center;
    margin: 0 calc(var(--offset-horizontal)/ -2) 6rem
}

.list_700eb__logo {
    margin: 0 calc(var(--offset-horizontal)/ 2);
    filter: grayscale(100%) contrast(0);
    transition: filter .1s ease-out;
    list-style: none
}

@media (max-width:888px) {
    .list_700eb__logo {
        padding: 2rem
    }
}

.table_6f6c1 {
    margin: 3rem 0;
    width: 100%;
    border: 1px solid #ddd;
    text-align: left
}

.table_6f6c1__cell {
    padding: .5em 1em
}

.table_6f6c1__header {
    border-bottom: 2px solid #ddd;
    padding: .5em 1em
}

.PageBlogAuthorMsmarhigh_4f6a3__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.blog-author_80052__main {
    grid-column: 2/-2
}

@media (min-width:888px) {
    .blog-author_80052__main {
        grid-column: 3/-3
    }
}

.PageBlogAuthorReal_ate_dbaa0__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorSami_dbc_14bff__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorMarcoow_13d0e__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorNickschot_c4ddc__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorTobiasbieniek_93afd__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorPichfl_ce0d5__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorNiklas_long_fbd6b__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorLocks_87697__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorPatsy_issa_p_ef0a2__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorArthurpoot_2db90__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorGhislaineguerin_682b0__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorJjordan_dev_89507__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorMrmrcoleman_79836__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorGeekygrappler_4bf05__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorPangratz_0e296__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.PageBlogAuthorLevelbossMike_eb26e__hljs-comment {
    apply: 'blog-post.hljs-comment'
}

.media-card_39409__list {
    display: flex;
    flex-wrap: wrap
}

.media-card_39409__double,
.media-card_39409__single {
    display: flex;
    margin-bottom: 12rem
}

.media-card_39409__double {
    width: calc(100% / 3 * 2 - var(--col-gap));
    margin-right: calc(2 * var(--col-gap))
}

.media-card_39409__double-single,
.media-card_39409__single {
    width: calc(100% / 3 - var(--col-gap) * 1.5);
    margin-right: calc(2 * var(--col-gap))
}

.media-card_39409__double-single,
.media-card_39409__single:nth-child(3n+3) {
    margin-right: 0
}

@media (max-width:887px) {

    .media-card_39409__double,
    .media-card_39409__double-single,
    .media-card_39409__single {
        width: 100%;
        margin-bottom: 5rem;
        margin-right: 0
    }
}

.button_5b9db {
    --text: 2.625rem;
    --text-lh: 1.667;
    display: inline-block;
    padding: calc(1rem - 2px) calc(3rem - 2px);
    flex-shrink: 0;
    color: var(--color-accent);
    border: 2px solid var(--color-accent);
    font-size: var(--text);
    line-height: var(--text-lh);
    text-decoration: none;
    background-color: var(--color-background);
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23007DF6' d='M0 60V0h100v120z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50% 90%;
    transition: background-position .28s ease-in-out, color .1s .13s ease-in-out
}

.button_5b9db:focus,
.button_5b9db:hover {
    background-position: 50% 10%;
    color: var(--color-text-inverted);
    outline: 0;
    text-decoration: none
}

.button_5b9db:disabled {
    background-position: 0 90%;
    color: var(--color-accent)
}

@media (prefers-reduced-motion:reduce) {
    .button_5b9db {
        transition: none
    }
}

.video_773e1 {
    height: 0;
    padding-bottom: 56.2%;
    position: relative
}

.video_773e1__frame {
    width: 100%;
    height: 100%;
    position: absolute
}

.workshop_35ed1__list-topics {
    list-style: none
}

.workshop_35ed1__list-topics-item {
    margin: 0;
    position: relative
}

.workshop_35ed1__list-topics-item+.workshop_35ed1__list-topics-item {
    margin-top: 8rem
}

.workshop_35ed1__topic-title {
    margin: 0;
    line-height: var(--h5-lh)
}

.workshop_35ed1__topic-icon {
    position: absolute;
    background: var(--color-accent);
    top: 0;
    left: calc(-8rem - var(--col-gap));
    width: 4rem;
    height: 4rem;
    margin-top: .5rem;
    padding: 2rem
}

.workshop_35ed1__cta {
    margin-top: 16rem;
    margin-bottom: 21rem
}

@media (max-width:887px) {
    .workshop_35ed1__topic-icon {
        position: initial;
        display: block;
        margin: 0 auto 1.25rem auto
    }

    .workshop_35ed1__cta {
        margin-top: 12rem;
        margin-bottom: 16rem
    }
}

.workshop_35ed1__lead-card-name {
    margin: 0;
    color: var(--color-primary)
}

.workshop_35ed1__lead-card-title {
    display: block;
    margin-top: 2rem;
    color: var(--color-primary)
}

.workshop_35ed1__lead-card+.workshop_35ed1__lead-card {
    margin-top: 4rem
}

.workshop_35ed1__lead-card-bio {
    color: var(--color-primary);
    margin-top: 2.5rem
}

@media (min-width:888px) {
    .workshop_35ed1__lead-card {
        grid-column: 3/-3;
        background-color: var(--color-light);
        padding: calc(var(--col-gap) * 2.5) calc(var(--col-gap) * 2.5) calc(var(--col-gap) * 2.5) calc(var(--col-gap) + 11.25rem);
        position: relative
    }

    .workshop_35ed1__lead-card::before {
        content: '';
        background: url(assets/images/resources/workshops/grid-9f6d852f2d5912fbd15fdcf47a9d53e9.svg) no-repeat;
        background-size: contain;
        width: 22.5rem;
        height: 22.5rem;
        display: block;
        position: absolute;
        top: calc(calc(var(--col-gap) * 2.5) + 4rem);
        left: -14.5rem;
        z-index: 1
    }

    .workshop_35ed1__lead-card-image {
        width: 22.5rem;
        height: 22.5rem;
        position: absolute;
        top: calc(var(--col-gap) * 2.5);
        left: -11.25rem;
        z-index: 2
    }
}

@media (max-width:887px) {
    .workshop_35ed1__lead {
        background: linear-gradient(to left, var(--color-light), var(--color-light)) no-repeat 0 10rem
    }

    .workshop_35ed1__lead-card {
        grid-column: 2/-2;
        padding-bottom: 4rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .workshop_35ed1__lead-card-image {
        width: 12.5rem;
        height: 12.5rem;
        margin-right: var(--col-gap)
    }

    .workshop_35ed1__lead-card-name {
        grid-column: 4/-2;
        flex-basis: calc(100% - 12.5rem - var(--col-gap))
    }

    .workshop_35ed1__lead-card-bio,
    .workshop_35ed1__lead-card-title {
        grid-column: 2/-2
    }
}

.HeaderContent_14d7f {
    margin-top: 6rem;
    position: relative;
    grid-column: 1/-1;
    --shape-color: var(--color-accent)
}

.HeaderContent_14d7f__container {
    margin-bottom: 0
}

.HeaderContent_14d7f__content {
    grid-column: 2/-2
}

.HeaderContent_14d7f__sidebar {
    grid-column: 5/-2;
    margin-bottom: 12rem
}

.HeaderContent_14d7f__top {
    width: 100%;
    padding-top: 21%;
    margin-bottom: -1px;
    background: var(--shape-color);
    clip-path: polygon(100% 100%, 100% 12%, 90% 0, 0 100%);
    -webkit-clip-path: polygon(100% 100%, 100% 12%, 90% 0, 0 100%)
}

.HeaderContent_14d7f__bottom {
    width: 100%;
    padding-bottom: 16.5%;
    margin-top: -1px;
    background: var(--shape-color);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%)
}

.HeaderContent_14d7f__middle {
    background: var(--shape-color);
    padding-bottom: 4rem;
    height: 75%
}

.HeaderContent_14d7f__background {
    width: calc(2 * var(--col-gap) + 3 * var(--col) - var(--offset-horizontal));
    position: absolute;
    right: 0;
    top: 0;
    bottom: -12rem
}

.HeaderContent_14d7f__image-wrapper {
    z-index: 1;
    width: 100%;
    position: relative
}

.HeaderContent_14d7f__image {
    position: absolute;
    height: 100%;
    width: auto
}

.HeaderContent_14d7f--attachment-blue-ribbon,
.HeaderContent_14d7f--attachment-image {
    margin-bottom: 5rem
}

.HeaderContent_14d7f--attachment-blue-ribbon .HeaderContent_14d7f__image-wrapper {
    clip-path: polygon(40% 0, 100% 19%, 100% 87.5%, 60% 100%, 0 87.5%, 0 12.5%);
    -webkit-clip-path: polygon(40% 0, 100% 19%, 100% 87.5%, 60% 100%, 0 87.5%, 0 12.5%);
    padding-bottom: 80%
}

.HeaderContent_14d7f--attachment-image .HeaderContent_14d7f__sidebar {
    grid-column: 5/-1
}

.HeaderContent_14d7f--attachment-image .HeaderContent_14d7f__image-wrapper {
    clip-path: polygon(0 19.25%, 0 86%, 100% 100%, 100% 0);
    -webkit-clip-path: polygon(0 19.25%, 0 86%, 100% 100%, 100% 0);
    padding-bottom: 120%
}

@media (max-width:887px) {
    .HeaderContent_14d7f__sidebar {
        margin-bottom: 0;
        margin-top: 5rem
    }

    .HeaderContent_14d7f--attachment-blue-ribbon .HeaderContent_14d7f__sidebar {
        grid-column: 1/-1;
        position: relative;
        display: grid;
        grid-template-columns: var(--grid-template-columns);
        column-gap: var(--col-gap)
    }

    .HeaderContent_14d7f--attachment-image .HeaderContent_14d7f__sidebar {
        grid-column: 2/-1
    }

    .HeaderContent_14d7f--attachment-blue-ribbon .HeaderContent_14d7f__image-wrapper {
        grid-column: 2/-2
    }

    .HeaderContent_14d7f__background {
        width: auto;
        left: calc(var(--col-gap) + 2 * var(--col));
        bottom: -5rem;
        right: 0
    }
}

@media (min-width:888px) {
    .HeaderContent_14d7f {
        margin: 10rem 0 0
    }

    .HeaderContent_14d7f--attachment-image .HeaderContent_14d7f__content {
        grid-column: 2/-5
    }

    .HeaderContent_14d7f--attachment-blue-ribbon .HeaderContent_14d7f__content {
        grid-column: 2/-5
    }

    .HeaderContent_14d7f__image-wrapper {
        margin-left: 5rem
    }
}

.PageHomepage_03837__logo {
    max-width: 15rem
}

@media (max-width:888px) {
    .PageHomepage_03837__padding-right-1 {
        padding-right: 0
    }
}

.Page404_704b0__block {
    display: flex;
    justify-content: space-between
}

.Page404_704b0__headline {
    width: var(--col-4)
}

.Page404_704b0__four-oh-four {
    display: block;
    width: var(--col-2);
    height: auto
}

.Page404_704b0__elsewhere {
    margin-left: 0;
    margin-bottom: 3rem;
    list-style: none
}

.Media_5aa73 {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.Media_5aa73__item {
    margin-right: var(--col-gap)
}

.Media_5aa73__body {
    flex: 1
}

@media (min-width:888px) {
    .Media_5aa73 {
        flex-direction: row
    }
}

.Size_e04b4__col-1 {
    width: var(--col-1)
}

.Size_e04b4__col-2 {
    width: var(--col-2)
}

.Size_e04b4__col-3 {
    width: var(--col-3)
}

.Size_e04b4__col-4 {
    width: var(--col-4)
}

.Size_e04b4__col-5 {
    width: var(--col-5)
}

.Size_e04b4__col-6 {
    width: var(--col-6)
}

.Size_e04b4__w-10 {
    width: 10rem
}

.PageCaseDdWrt_c1dcc__pull {
    margin-top: -6rem
}

.PageCaseDdWrt_c1dcc__push {
    margin-top: 4rem
}

.PageCaseStudyExpedition_4e294__quote-offset {
    margin-top: 10rem
}

@media (min-width:888px) {
    .PageCaseStudyExpedition_4e294__vertical-offset {
        padding-top: 47rem
    }
}

.PageCaseStudyTimify_52f72__quote-offset {
    margin-top: 6rem
}

@media (min-width:888px) {
    .PageCaseStudyTimify_52f72__vertical-offset {
        padding-top: 41rem
    }
}

@media (min-width:888px) {
    .PageCaseStudyTrainline_59864__vertical-offset {
        padding-top: 51rem
    }
}

@media (min-width:888px) {
    .PageCaseStudyQonto_cc2c9__vertical-offset {
        padding-top: 51rem
    }

    .PageCaseStudyQonto_cc2c9__padding-bottom-for-shape {
        padding-bottom: 51rem
    }
}

.PageContact_e2b3f__contact {
    margin-bottom: 8rem
}

.PageContact_e2b3f__type {
    margin-bottom: 2rem
}

.PageContact_e2b3f__value {
    margin-bottom: 3rem;
    font-size: var(--h4);
    line-height: var(--h4-lh);
    color: var(--color-accent)
}

.PageContact_e2b3f__value-link {
    color: inherit;
    text-decoration: none
}

.PageContact_e2b3f__map {
    position: relative;
    margin-bottom: 2rem
}

.PageContact_e2b3f__map-image {
    position: relative;
    display: block;
    width: 100%;
    height: auto
}

.PageContact_e2b3f__map-pin {
    display: block;
    width: 7.125rem;
    height: 8.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%)
}

.PageContact_e2b3f__vcard {
    font-size: var(--lead);
    line-height: var(--lead-lh);
    color: var(--color-secondary)
}

.PageEmberExpertise_226dd__sponsorship-announcement-text {
    display: flex;
    align-items: center
}

@media (min-width:888px) {
    .PageEmberExpertise_226dd__sponsorship-announcement-image {
        order: 1
    }

    .PageEmberExpertise_226dd__sponsorship-announcement-text {
        order: 2
    }
}

.PageEmberExpertise_226dd__shape-video-container {
    height: 100%
}

.PageEmberExpertise_226dd__shape-video {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(80% 0, 100% 5%, 100% 100%, 0 80%, 0 14%);
    clip-path: polygon(80% 0, 100% 5%, 100% 100%, 0 80%, 0 14%)
}

@media (max-width:887px) {
    .PageEmberExpertise_226dd__shape-video {
        margin-bottom: 50%
    }
}

.PageEmberExpertise_226dd__video {
    object-fit: cover
}

.PageEmberExpertise_226dd__service-image {
    width: 100%;
    max-height: 25rem;
    object-fit: cover
}

@media (max-width:887px) {
    .PageEmberExpertise_226dd__service {
        width: 100%
    }

    .Size_e04b4__col-2.PageEmberExpertise_226dd__service {
        width: 100%
    }

    .PageEmberExpertise_226dd__service-image {
        max-height: none
    }
}

.PagePlaybook_32bb7__accent {
    font-size: var(--h1);
    line-height: var(--h1-lh);
    color: var(--color-accent)
}

.PagePlaybook_32bb7__first-headline {
    margin-top: 2rem
}

.PagePlaybook_32bb7__header-image {
    right: 0;
    height: auto;
    max-width: 40%
}

.HeaderContent_14d7f__image.PagePlaybook_32bb7__header-image {
    height: auto
}

.PagePlaybook_32bb7__left-bleeded-illustration {
    -webkit-clip-path: none;
    clip-path: none
}

.ShapeImage_bef61--align-left.PagePlaybook_32bb7__left-bleeded-illustration {
    clip-path: none
}

.ShapeImage_bef61--align-left.PagePlaybook_32bb7__left-bleeded-illustration {
    -webkit-clip-path: none
}

.PagePlaybook_32bb7__right-bleeded-illustration {
    -webkit-clip-path: none;
    clip-path: none
}

.ShapeImage_bef61--align-right.PagePlaybook_32bb7__right-bleeded-illustration {
    clip-path: none
}

.ShapeImage_bef61--align-right.PagePlaybook_32bb7__right-bleeded-illustration {
    -webkit-clip-path: none
}

.PagePlaybook_32bb7__illustration {
    width: auto
}

.fluid-image_c2eb8__image-clipped.PagePlaybook_32bb7__illustration {
    width: auto
}

@media (max-width:887px) {
    .PagePlaybook_32bb7__first-headline {
        margin-top: 7rem
    }

    .PagePlaybook_32bb7__header-image {
        width: 100%;
        max-width: 100%;
        position: relative;
        height: auto
    }

    .HeaderContent_14d7f__image.PagePlaybook_32bb7__header-image {
        height: auto
    }

    .HeaderContent_14d7f__image.PagePlaybook_32bb7__header-image {
        position: relative
    }

    .HeaderContent_14d7f__image.PagePlaybook_32bb7__header-image {
        width: 100%
    }
}

.ShapeImage_bef61 {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 120%
}

.ShapeImage_bef61--align-left {
    -webkit-clip-path: polygon(100% 14%, 100% 86%, 30% 100%, 0 96%, 0 0);
    clip-path: polygon(100% 14%, 100% 86%, 30% 100%, 0 96%, 0 0)
}

.ShapeImage_bef61--align-right {
    -webkit-clip-path: polygon(80% 0, 100% 4.4%, 100% 100%, 0 86%, 0 18%);
    clip-path: polygon(80% 0, 100% 4.4%, 100% 100%, 0 86%, 0 18%)
}

@media (max-width:887px) {
    .ShapeImage_bef61--variant-mobile-flat {
        padding-bottom: 50%
    }

    .ShapeImage_bef61--variant-mobile-flat.ShapeImage_bef61--align-left {
        -webkit-clip-path: polygon(100% 21%, 100% 85%, 30% 100%, 0 96%, 0 0);
        clip-path: polygon(100% 21%, 100% 85%, 30% 100%, 0 96%, 0 0)
    }

    .ShapeImage_bef61--variant-mobile-flat.ShapeImage_bef61--align-right {
        -webkit-clip-path: polygon(80% 0, 100% 4.4%, 100% 100%, 0 78%, 0 18%);
        clip-path: polygon(80% 0, 100% 4.4%, 100% 100%, 0 78%, 0 18%)
    }
}

.PageLegalPrivacy_a9d2b__address-line {
    display: block
}

@media (max-width:887px) {
    .PageServices_fbd0c__principles-first-row {
        margin-bottom: 8rem
    }
}

.Container_2e87f {
    position: relative;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto
}

@media (min-width:888px) {
    .PageTeamAugmentation_6e102__offset-top {
        margin-top: 66rem
    }
}

@media (min-width:888px) {
    .PageTrainingAndSupport_da8b6__offset-top {
        margin-top: 66rem
    }
}

.PageTalks_c2053__offset-vertical {
    margin-top: 9rem
}

@media (min-width:888px) {
    .PageWhyRedPenguin_8d899__offset-vertical {
        margin-top: 28rem
    }
}

@media (max-width:887px) {

    .PageWork_4177d__qonto-screenshot-desktop,
    .PageWork_4177d__timify-screenshot-desktop,
    .PageWork_4177d__trainline-screenshot-desktop {
        display: none
    }

    .PageWork_4177d__logo-shape {
        padding-bottom: 50%
    }
}

@media (min-width:888px) {
    .PageWork_4177d__trainline-screenshot-mobile {
        display: none
    }

    .Layout_29716.PageWork_4177d__trainline-screenshot-mobile {
        display: none
    }

    @media (min-width:888px) {
        .Layout_29716__bleed-left.PageWork_4177d__trainline-screenshot-mobile {
            display: none
        }
    }

    .PageWork_4177d__timify-screenshot-mobile {
        display: none
    }

    .Layout_29716.PageWork_4177d__timify-screenshot-mobile {
        display: none
    }

    @media (min-width:888px) {
        .Layout_29716__bleed-right.PageWork_4177d__timify-screenshot-mobile {
            display: none
        }
    }

    .PageWork_4177d__qonto-screenshot-mobile {
        display: none
    }

    .Layout_29716.PageWork_4177d__qonto-screenshot-mobile {
        display: none
    }

    @media (min-width:888px) {
        .Layout_29716__bleed-right.PageWork_4177d__qonto-screenshot-mobile {
            display: none
        }
    }
}

.PageWork_4177d__qonto-shape-desktop,
.PageWork_4177d__timify-shape-desktop,
.PageWork_4177d__trainline-shape-desktop {
    padding-bottom: 50%;
    background-size: cover;
    clip-path: polygon(0 81%, 57% 100%, 100% 79%, 100% 29%, 40% 0, 0 19.5%);
    -webkit-clip-path: polygon(0 81%, 57% 100%, 100% 79%, 100% 29%, 40% 0, 0 19.5%)
}

@media (min-width:888px) {
    .PageWork_4177d__trainline-shape-desktop {
        margin-top: -10rem
    }
}

.PageWork_4177d__trainline-shape-desktop {
    background-image: url(assets/images/photos/590963817.jpg)
}

@media (max-width:887px) {
    .PageWork_4177d__trainline-shape-desktop {
        background-image: url(assets/images/photos/288322922.jpg)
    }
}

.PageWork_4177d__timify-shape-desktop {
    background-image: url(assets/images/photos/1044004398.jpg)
}

.PageWork_4177d__qonto-shape-desktop {
    background-image: url(assets/images/work/272397.jpg)
}

@media (max-width:887px) {
    .PageWork_4177d__timify-shape-desktop {
        background-image: url(assets/images/photos/204241776.jpg)
    }

    .PageWork_4177d__qonto-shape-desktop {
        background-image: url(assets/images/work/272397.jpg)
    }
}

@media (min-width:888px) {
    .PageWork_4177d__trainline-text {
        order: 1
    }

    .PageWork_4177d__trainline-logo {
        order: 2
    }

    .PageWork_4177d__trainline-screenshot-desktop {
        order: 3
    }
}

.PageResources_573a0__video-header {
    height: 80vh;
    max-height: 70rem;
    min-height: 90rem
}

.PageResources_573a0__video-header::before {
    content: "";
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFElEQVR4AWMAgv/uBT4MIAwmsHIAs4kJGBH7n20AAAAASUVORK5CYII=);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.PageResources_573a0__video {
    width: 100%;
    height: 80vh;
    max-height: 70rem;
    min-height: 90rem;
    object-fit: cover
}

.PageResources_573a0__header-content {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    z-index: 2
}

@media (max-width:960px) {
    .PageResources_573a0__video-header {
        height: 70rem
    }

    .PageResources_573a0__video {
        width: auto;
        height: 70rem
    }
}

@media (max-width:887px) {
    .PageResources_573a0__video {
        transform: translateX(calc(-60% + 50vw))
    }

    .PageResources_573a0__video-header {
        margin-top: 0
    }

    .HeaderContent_14d7f.PageResources_573a0__video-header {
        margin-top: 0
    }

    @media (min-width:888px) {
        .HeaderContent_14d7f.PageResources_573a0__video-header {
            margin-top: 0
        }
    }
}

.PageResources_573a0__h1,
.PageResources_573a0__h2 {
    text-align: center;
    color: #fff
}

.PageResources_573a0__h1 {
    line-height: var(--h1-lh);
    font-size: 8.75rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.5rem
}

.PageResources_573a0__h2 {
    margin-bottom: 0;
    font-size: 4.5rem
}

.PageResources_573a0__workshop-card {
    display: flex
}

.PageResources_573a0__workshop-col-lead {
    grid-column: 2/5
}

.PageResources_573a0__workshop-col-trail {
    grid-column: -5/-2
}

.PageResources_573a0__workshop-col-lead:first-child {
    margin-top: 11.25rem
}

.PageResources_573a0__workshop-card {
    margin-bottom: 21rem
}

@media (min-width:887px) {
    .PageResources_573a0__workshop-col-lead {
        padding-right: 1.5rem
    }

    .PageResources_573a0__workshop-col-trail {
        padding-left: 1.5rem
    }
}

@media (max-width:887px) {
    .PageResources_573a0__workshops {
        margin-bottom: 4rem
    }

    .PageResources_573a0__workshop-card {
        margin-bottom: 12rem;
        display: block
    }

    .PageResources_573a0__workshop-col-lead,
    .PageResources_573a0__workshop-col-trail {
        grid-column: 1/-1
    }

    .PageResources_573a0__workshop-col-lead:first-child {
        margin-top: 0
    }
}

.PageResources_573a0__blog-posts-title {
    margin-bottom: 0
}

@media (max-width:887px) {
    .typography_fc47b__h2.PageResources_573a0__blog-posts-title {
        margin-bottom: 0
    }
}

.ArrowLink_b6058 {
    text-align: right;
    pointer-events: none
}

.ArrowLink_b6058+.ArrowLink_b6058 {
    margin-top: 0
}

.ArrowLink_b6058__link {
    position: relative;
    display: inline-block;
    padding: 1.5rem 7rem 1.5rem 0;
    color: var(--color-link);
    line-height: var(--lead-lh);
    font-size: var(--lead);
    text-decoration: none;
    pointer-events: all
}

.ArrowLink_b6058__link:hover {
    text-decoration: underline
}

.ArrowLink_b6058__svg {
    position: absolute;
    top: 50%;
    margin-top: -2.75rem;
    right: 0;
    width: 5rem;
    height: 5rem;
    transition: transform .2s;
    transform: translate(0);
    pointer-events: none
}

.ArrowLink_b6058:hover .ArrowLink_b6058__svg {
    transform: translate(.5rem)
}

.ArrowLink_b6058__arrow {
    fill: var(--color-link)
}

.ArrowLink_b6058--leftAlign-true {
    text-align: left
}

.ArrowLink_b6058--lead-false .ArrowLink_b6058__link {
    font-size: var(--p)
}

.ArrowLink_b6058--reverse-true .ArrowLink_b6058__link {
    padding: 1.5rem 0 1.5rem 7rem
}

@media (min-width:888px) {
    .ArrowLink_b6058--reverse-true .ArrowLink_b6058__link {
        margin-left: -7rem
    }
}

.ArrowLink_b6058--reverse-true .ArrowLink_b6058__svg {
    right: unset;
    left: 0;
    transform: translate(0) scaleX(-1)
}

.ArrowLink_b6058--reverse-true:hover .ArrowLink_b6058__svg {
    transform: translate(-.5rem) scaleX(-1)
}

.CallToAction_c5517 {
    text-align: center
}

.CallToAction_c5517__small {
    color: var(--color-accent)
}

.CallToAction_c5517__small::before {
    content: ' ';
    height: 12rem;
    width: 2px;
    background: var(--color-accent);
    display: block;
    margin: 0 auto 2rem auto
}

.CallToAction_c5517__h2 {
    margin-bottom: 5rem;
    margin-top: 8rem
}

@media (max-width:887px) {
    .typography_fc47b__h2.CallToAction_c5517__h2 {
        margin-bottom: 5rem
    }
}

.CallToAction_c5517__lead {
    margin-bottom: 5rem
}

.CallToAction_c5517__text-line {
    display: block
}

.Card_04d05 {
    margin-bottom: 6rem
}

.Card_04d05__image {
    height: 75%
}

.Card_04d05__caption {
    margin-top: 3rem;
    font-size: inherit;
    line-height: inherit
}

.Card_04d05__headline {
    margin-bottom: 2rem
}

.grid_14f1f {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: var(--col-gap)
}

.grid_14f1f__item {
    margin: 0 0 6rem
}

.grid_14f1f__figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25rem;
    margin: 0 0 2rem;
    background: rgba(0, 0, 0, .02)
}

.grid_14f1f__image {
    display: block;
    flex: 0 0 auto;
    max-height: 16rem;
    max-width: 50%;
    width: auto;
    margin: auto
}

.grid_14f1f__text {
    font-size: var(--p);
    line-height: var(--p-lh)
}

@media (min-width:888px) {
    .grid_14f1f {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1020px) {
    .grid_14f1f {
        grid-template-columns: repeat(3, 1fr)
    }
}

.screen_7ec91 {
    font-family: 'Nunito Sans', sans-serif;
    color: var(--color-muted);
    overflow: hidden
}

@media (max-width:887px) {
    .screen_7ec91 {
        --offset-horizontal: 2.5rem
    }
}

.screen_7ec91__container,
.screen_7ec91__container-base {
    position: relative;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--offset-horizontal);
    padding-right: var(--offset-horizontal)
}

.screen_7ec91__container {
    padding-top: 0;
    padding-bottom: 21rem
}

@media (max-width:887px) {
    .screen_7ec91__container {
        padding-bottom: 12rem
    }
}

.Divider_17890 {
    color: var(--color-accent);
    display: flex;
    align-items: center;
    text-align: center
}

.typography_fc47b__small.Divider_17890 {
    display: flex
}

.Divider_17890::after,
.Divider_17890::before {
    content: '';
    flex: 1;
    border-bottom: 2px solid var(--color-accent)
}

.Divider_17890::before {
    margin-right: 5rem
}

.Divider_17890::after {
    margin-left: 5rem
}

@media (max-width:887px) {
    .Divider_17890::before {
        margin-right: 2.5rem
    }

    .Divider_17890::after {
        margin-left: 2.5rem
    }
}

.Footer_a0d79 {
    font-size: 2rem;
    line-height: 1.5;
    color: var(--color-muted);
    z-index: 100;
    margin-bottom: 0
}

.Footer_a0d79__content {
    display: flex;
    grid-column: 2/-2;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-between
}

.Footer_a0d79__branding {
    min-width: 200px;
    flex-shrink: 0
}

.Footer_a0d79__logo-wrap {
    display: block;
    width: 200px;
    margin-bottom: 2rem
}

.Footer_a0d79__legal {
    width: calc(100% + 2rem);
    margin-left: -2rem;
    padding-bottom: 3rem
}

.Footer_a0d79__legal-link:link,
.Footer_a0d79__legal-link:visited {
    color: #979797;
    text-decoration: none;
    margin-left: 2rem
}

.Footer_a0d79__legal-link:active,
.Footer_a0d79__legal-link:focus,
.Footer_a0d79__legal-link:hover {
    color: var(--color-link)
}

.Footer_a0d79__nav {
    width: var(--col-4);
    flex: 0 1 auto;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap
}

.Footer_a0d79__title {
    grid-row: 1/2;
    font-size: inherit;
    line-height: 1.5;
    font-weight: 700;
    color: inherit;
    margin: 1.5rem 0 2rem
}

.Footer_a0d79__items {
    grid-row: 2/-1;
    flex: 1 0;
    margin: 0 0 6.5rem
}

.Footer_a0d79__item {
    padding: .5rem 0;
    white-space: nowrap
}

.Footer_a0d79__badge {
    font-size: 1.75rem;
    line-height: 1.5;
    background-color: var(--color-accent);
    color: var(--color-text-inverted);
    display: inline-block;
    text-transform: uppercase;
    padding: .25rem 1.25rem;
    margin-left: 1rem
}

.Footer_a0d79__link,
.Footer_a0d79__link:link,
.Footer_a0d79__link:visited,
.Footer_a0d79__title-link,
.Footer_a0d79__title-link:link,
.Footer_a0d79__title-link:visited {
    display: block;
    text-decoration: none;
    color: inherit
}

.Footer_a0d79__link:hover,
.Footer_a0d79__title-link:hover {
    color: var(--color-accent);
    background: 0 0
}

.Footer_a0d79__link,
.Footer_a0d79__link:link,
.Footer_a0d79__link:visited {
    padding: .5rem 0
}

.Footer_a0d79__note {
    padding: 1rem 0
}

.Footer_a0d79__flag {
    position: relative;
    top: -.25rem;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin: -.7rem 0 -.7rem .25rem;
    background: url(assets/images/icons/ng-flag.svg) center no-repeat;
    overflow: hidden;
    text-indent: -999rem;
    white-space: nowrap;
    background-size: 100%;
    vertical-align: middle
}

@media (max-width:887px) {
    .Footer_a0d79__branding {
        width: 100%
    }

    .Footer_a0d79__nav {
        margin-top: 6rem;
        width: auto;
        flex: 1 1 auto
    }
}

@media (max-width:509px) {
    .Footer_a0d79__block {
        width: 60%
    }

    .Footer_a0d79__block:nth-child(even) {
        width: 40%
    }
}

.FormContact_3ec68--form-success {
    color: inherit
}

.FormContact_3ec68__spinner {
    display: none
}

.FormContact_3ec68__error,
.FormContact_3ec68__item-error {
    color: var(--color-error);
    font-size: var(--p);
    line-height: var(--p-lh);
    --color-link: var(--color-error)
}

.FormContact_3ec68__error {
    margin: 0 0 4rem;
    padding: 2rem 3rem;
    border: 2px solid var(--color-error)
}

.FormContact_3ec68__item-error {
    margin-top: .5rem
}

.FormContact_3ec68--form-error .FormContact_3ec68__error {
    display: block
}

.FormContact_3ec68__label--error {
    color: var(--color-error)
}

.FormContact_3ec68__control--error {
    border-color: var(--color-error);
    color: var(--color-error)
}

.FormContact_3ec68--form-submitting .FormContact_3ec68__item {
    opacity: .35
}

.FormContact_3ec68--form-submitting .FormContact_3ec68__spinner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    animation: rotate .6s infinite linear
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@media (max-width:887px) {
    .FormContact_3ec68__control {
        font-size: var(--label);
        line-height: var(--label-lh)
    }

    .Form_8ba23__control.FormContact_3ec68__control {
        font-size: var(--label)
    }

    .Form_8ba23__control.FormContact_3ec68__control {
        line-height: var(--label-lh)
    }
}

.Form_8ba23__fieldset {
    position: relative;
    border: 0;
    margin: 0;
    padding: 0
}

.Form_8ba23__legend {
    position: absolute;
    height: 0;
    overflow: hidden;
    display: block
}

.Form_8ba23__group,
.Form_8ba23__item {
    margin-bottom: 3rem
}

.Form_8ba23__control-label,
.Form_8ba23__label {
    display: block;
    margin-bottom: .5rem;
    font-size: var(--p);
    line-height: var(--p-lh);
    color: #5b5b5b
}

.Form_8ba23__control {
    width: 100%;
    padding: calc(1.5rem - 2px) calc(1.5rem - 2px);
    border: 2px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    font-size: var(--lead);
    line-height: var(--lead-lh);
    -webkit-appearance: none
}

.Form_8ba23__control:focus {
    outline: 0;
    border-color: var(--color-accent)
}

.FormSignup_275df {
    --text: 2.625rem;
    --text-lh: 1.667;
    display: flex;
    justify-content: center
}

.FormSignup_275df__input {
    font-size: var(--text);
    line-height: var(--text-lh);
    padding: calc(1rem - 2px) 1.5rem;
    border: 2px solid #b8b8b8
}

.FormSignup_275df__input,
.FormSignup_275df__input::placeholder {
    color: #757575
}

.FormSignup_275df__button {
    cursor: pointer
}

@media (min-width:888px) {
    .FormSignup_275df__input {
        width: 33%;
        border-right: 0
    }
}

@media (max-width:887px) {
    .FormSignup_275df {
        flex-wrap: wrap
    }

    .FormSignup_275df__button,
    .FormSignup_275df__input {
        width: 100%
    }

    .FormSignup_275df__input {
        margin-bottom: var(--col-gap)
    }
}

.Header_d31ca {
    position: relative;
    grid-column: 1/-1;
    margin-bottom: 16rem
}

.Header_d31ca__navbar {
    font-size: var(--p);
    grid-column: 2/-2
}

.Header_d31ca__navbar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Header_d31ca__brand {
    position: relative;
    z-index: 3;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Header_d31ca__logo {
    --img: var(--color-accent);
    --type: var(--color-primary);
    margin: 0
}

.Header_d31ca__logo,
.Header_d31ca__logo-svg {
    display: block
}

.Header_d31ca__logo:focus,
.Header_d31ca__logo:hover {
    background: 0 0
}

.Header_d31ca__logo-type {
    fill: var(--type)
}

.Header_d31ca__logo-image {
    fill: var(--img)
}

.Header_d31ca__logo-image,
.Header_d31ca__logo-type {
    transition: fill .2s
}

.Header_d31ca__toggler {
    --color: var(--color-accent);
    position: relative;
    display: none;
    width: 3rem;
    height: 2rem;
    padding: 0;
    cursor: pointer;
    border: 2px solid var(--color);
    outline: 1rem solid var(--color-background);
    background: var(--color-background);
    border-width: 2px 0;
    overflow: hidden;
    text-indent: 999rem;
    white-space: nowrap;
    transition: all 275ms
}

.Header_d31ca__toggler::after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: var(--color);
    content: '';
    transform: translate(0, -1px);
    transition: all 275ms
}

.Header_d31ca__nav {
    margin-left: auto;
    width: 100%
}

.Header_d31ca--backgroundVariation-inclined,
.Header_d31ca--backgroundVariation-pointed {
    background-color: var(--color-light)
}

.Header_d31ca--backgroundVariation-inclined {
    margin-bottom: 5rem
}

.Header_d31ca--backgroundVariation-inclined .Header_d31ca__background-bottom,
.Header_d31ca--backgroundVariation-pointed .Header_d31ca__background-bottom {
    margin-top: 6rem;
    width: 100%;
    margin-top: -1px;
    grid-column: 1/-1;
    background-color: var(--color-background)
}

.Header_d31ca--backgroundVariation-inclined .Header_d31ca__background-bottom {
    padding-bottom: 16.5%;
    -webkit-clip-path: polygon(0 0, 0 calc(100% + 1px), 100% calc(100% + 1px));
    clip-path: polygon(0 0, 0 calc(100% + 1px), 100% calc(100% + 1px))
}

.Header_d31ca--backgroundVariation-pointed .Header_d31ca__background-bottom {
    padding-top: 15%;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 36%, 60% 100%, 0 33%);
    clip-path: polygon(0 100%, 100% 100%, 100% 36%, 60% 100%, 0 33%)
}

@media (max-width:887px) {
    .Header_d31ca {
        margin-bottom: 12rem
    }

    .Header_d31ca--backgroundVariation-inclined {
        margin-bottom: 5rem
    }

    .Header_d31ca,
    .Header_d31ca__navbar,
    .Header_d31ca__wrapper {
        display: grid;
        grid-column: 1/-1;
        grid-template-columns: var(--grid-template-columns);
        column-gap: var(--col-gap)
    }

    .Header_d31ca__brand {
        grid-column: 2/-2;
        padding: 3rem var(--offset-horizontal)
    }

    .Header_d31ca__toggler {
        display: block
    }

    .Header_d31ca__nav {
        transition: all .3s;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 2;
        width: 100%
    }

    .Header_d31ca__nav-item,
    .Header_d31ca__work-with-us {
        float: left;
        clear: both;
        left: 50%;
        transform: translate(-50%)
    }

    .Header_d31ca__links {
        padding-top: 8rem;
        background: var(--color-accent)
    }

    .Header_d31ca__links::after {
        float: none;
        clear: both;
        display: block;
        content: ''
    }

    .Header_d31ca__bottom {
        background: var(--color-accent);
        width: 100%;
        padding-bottom: 25%;
        margin-top: -1px;
        -webkit-clip-path: polygon(0 35%, 100% 100%, 100% 0, 0 0);
        clip-path: polygon(0 35%, 100% 100%, 100% 0, 0 0)
    }

    .Header_d31ca__nav-item,
    .Header_d31ca__nav-item:focus,
    .Header_d31ca__nav-item:hover,
    .Header_d31ca__nav-item:link,
    .Header_d31ca__nav-item:visited {
        color: var(--color-link-inverted)
    }

    .Header_d31ca__nav-item--active,
    .Header_d31ca__work-with-us--active {
        box-shadow: 0 calc(2rem + 2px) 0 -2rem var(--color-link-inverted)
    }

    .Header_d31ca--backgroundVariation-pointed .Header_d31ca__background-bottom {
        margin-top: -50%;
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 35%, 0 0);
        clip-path: polygon(0 100%, 100% 100%, 100% 35%, 0 0)
    }
}

@media (min-width:888px) {
    .Header_d31ca__wrapper {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        padding: 8rem 0 0
    }

    .Header_d31ca__links {
        flex: 1 1 auto;
        display: flex;
        align-items: center
    }

    .Header_d31ca__nav-item--active {
        box-shadow: 0 2px 0 0 var(--color-accent)
    }

    .Header_d31ca__nav-item,
    .Header_d31ca__nav-item:link,
    .Header_d31ca__nav-item:visited {
        color: var(--color-primary);
        margin-left: 4rem;
        text-decoration: none
    }

    .Header_d31ca__nav-item:focus,
    .Header_d31ca__nav-item:hover {
        color: var(--color-link)
    }

    .Header_d31ca__work-with-us {
        margin-left: auto
    }
}

.Loader_63012 {
    --accent-color: #007df6;
    transition: all .2s ease 0s;
    background: var(--accent-color);
    position: fixed;
    z-index: 1031;
    left: 0;
    width: 100%;
    height: 2px
}

@media (min-width:888px) {
    .Loader_63012 {
        top: 0
    }
}

@media (max-width:887px) {
    .Loader_63012 {
        bottom: 0
    }
}

.MediaCard_0aef4 {
    position: relative
}

.MediaCard_0aef4__duration {
    position: absolute;
    color: #d8d8d8;
    background-color: #5b5b5b;
    right: 2rem;
    top: 36rem;
    padding: .75rem 1rem .5rem;
    border-radius: calc(var(--label) * var(--label-lh))
}

.typography_fc47b__small.MediaCard_0aef4__duration {
    color: #d8d8d8
}

@media (max-width:887px) {
    .typography_fc47b__small.MediaCard_0aef4__duration {
        color: #d8d8d8
    }
}

.MediaCard_0aef4__h4 {
    margin-top: 3rem
}

.MediaCard_0aef4--shallow-shallow .MediaCard_0aef4__duration {
    top: 15rem
}

.MediaCardImageLink_9401d {
    display: block;
    margin-bottom: 3rem;
    border-bottom: 1rem solid var(--color-accent);
    overflow: hidden;
    height: 42rem
}

.MediaCardImageLink_9401d__image {
    width: 100%;
    height: 42rem;
    object-fit: cover;
    transition: transform .25s ease;
    z-index: 1
}

.MediaCardImageLink_9401d:hover .MediaCardImageLink_9401d__image {
    transform: scale(1.03)
}

.MediaCardImageLink_9401d--shallow-shallow,
.MediaCardImageLink_9401d--shallow-shallow .MediaCardImageLink_9401d__image {
    height: 21rem
}

.MediaCardImageLink_9401d--isVideoLink-true::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 42rem;
    background: url(assets/images/resources/play-61b582a180d56325402edd27f0673105.svg) center no-repeat;
    opacity: 0;
    transition: opacity .5s;
    z-index: 2
}

.MediaCardImageLink_9401d--isVideoLink-true:hover::before {
    opacity: 1
}

.ShapeAcross_c2f53 {
    --shape-color: var(--color-accent);
    position: relative;
    z-index: 0;
    grid-column: 1/-1;
    margin-top: -34vw;
    margin-bottom: calc(-17vw + 12rem);
    padding-top: 34vw;
    padding-bottom: 17vw;
    pointer-events: none;
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform
}

.ShapeAcross_c2f53__shapes {
    transform: translate(-21.5%) rotate(30deg);
    width: 173vw;
    height: 100vw;
    margin-top: -34vw;
    margin-bottom: -17vw;
    overflow: hidden
}

.ShapeAcross_c2f53__bottom {
    --shape-color: #222;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

.ShapeAcross_c2f53__bottom-clip {
    width: 100%;
    height: 99%;
    margin: .25% 0;
    overflow: hidden
}

.ShapeAcross_c2f53__bottom-image {
    display: block;
    margin: auto;
    height: 100%;
    width: auto;
    transform: rotate(-30deg)
}

.ShapeAcross_c2f53__bottom-svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    width: auto
}

.ShapeAcross_c2f53__leading-svg,
.ShapeAcross_c2f53__trailing-svg {
    position: absolute;
    fill: var(--shape-color);
    height: auto
}

.ShapeAcross_c2f53__leading-svg {
    right: calc(80vw + 65rem);
    bottom: -25rem;
    width: 100vw
}

.ShapeAcross_c2f53__trailing-svg {
    left: calc(96vw + 30rem);
    top: -10rem;
    width: 90vw
}

@media (max-width:887px) {
    .ShapeAcross_c2f53__shapes {
        margin-top: 0
    }

    .ShapeAcross_c2f53__leading-svg {
        display: none
    }

    .ShapeAcross_c2f53__trailing-svg {
        left: calc(64vw + 25rem);
        width: 90vw;
        top: 0
    }
}

.ShapeAcrossTeamAugmentationService_77194 {
    grid-column: 1/-1
}

.ShapeAcrossTutoringService_048b0 {
    grid-column: 1/-1
}

.ShapeBlog_9995e {
    position: relative;
    width: 100%;
    grid-column: 1/-1;
    margin-top: 12rem;
    --shape-color: var(--color-accent)
}

.ShapeBlog_9995e__bottom,
.ShapeBlog_9995e__top {
    position: absolute;
    left: 50%;
    display: block;
    width: 225rem;
    height: auto;
    fill: var(--shape-color);
    pointer-events: none
}

.ShapeBlog_9995e__bottom {
    bottom: 0;
    transform: translate(-125%, 26rem)
}

.ShapeBlog_9995e__top {
    top: -46rem;
    transform: translate(-1%)
}

.ShapeBlog_9995e__content {
    grid-column: 2/-2
}

.ShapeBlog_9995e__title {
    padding-bottom: 22rem
}

@media (max-width:887px) {
    .ShapeBlog_9995e {
        margin-top: 0
    }

    .ShapeBlog_9995e__content {
        width: 100%
    }

    .ShapeBlog_9995e__top {
        top: -31rem;
        transform: translate(2%)
    }

    .ShapeBlog_9995e__bottom {
        display: none
    }
}

@media (min-width:888px) {
    .ShapeBlog_9995e {
        padding: 0 0 36rem
    }

    .ShapeBlog_9995e__content {
        grid-column: 2/6
    }
}

.ShapeBold_953b2 {
    grid-column: 1/-1;
    align-items: start;
    --shape-color-a: var(--color-primary);
    --shape-color-b: var(--color-accent);
    --b-offset: calc(calc(200rem + 50vw) * 0.5 - 50rem)
}

.ShapeBold_953b2__shape-a,
.ShapeBold_953b2__shape-b {
    position: relative
}

.ShapeBold_953b2__shape-a {
    grid-column: 1/-3;
    grid-row: 1
}

.ShapeBold_953b2--reverse-true .ShapeBold_953b2__shape-a {
    grid-column: -1/3;
    align-self: end
}

.ShapeBold_953b2__shape-b {
    padding-top: var(--b-offset);
    grid-column: -3/-1;
    grid-row: 1;
    align-self: end;
    z-index: 1
}

.ShapeBold_953b2--reverse-true .ShapeBold_953b2__shape-b {
    padding-top: 0;
    grid-column: 3/1;
    align-self: start
}

.ShapeBold_953b2__shape-a-svg,
.ShapeBold_953b2__shape-b-svg {
    vertical-align: top;
    height: auto
}

.ShapeBold_953b2__shape-a-svg {
    position: relative;
    left: 100%;
    width: calc(200rem + 50vw);
    fill: var(--shape-color-a);
    transform: translate(-80%)
}

.ShapeBold_953b2--reverse-true .ShapeBold_953b2__shape-a-svg {
    left: 50%;
    transform: translate(-45%, 0)
}

.ShapeBold_953b2__shape-b-svg {
    width: 153rem;
    transform: translate(-20%);
    fill: var(--shape-color-b)
}

.ShapeBold_953b2--reverse-true .ShapeBold_953b2__shape-b-svg {
    position: relative;
    left: 100%;
    transform: translate(-120rem, -4rem)
}

.ShapeBold_953b2__shape-a-figure {
    position: absolute;
    top: 0;
    right: 15%;
    height: 100%;
    display: flex;
    margin: 0
}

.ShapeBold_953b2--reverse-true .ShapeBold_953b2__shape-a-figure {
    right: -15%
}

.ShapeBold_953b2__shape-a-img {
    max-width: unset;
    height: 85%;
    width: auto;
    margin: auto
}

.ShapeBold_953b2__shape-b-content {
    position: absolute;
    top: var(--b-offset);
    left: 0;
    min-height: 50rem;
    display: flex;
    flex-flow: nowrap column;
    align-content: center;
    justify-content: center;
    color: var(--color-text-inverted)
}

.ShapeBold_953b2--reverse-true .ShapeBold_953b2__shape-b-content {
    top: 21rem;
    left: unset;
    right: -2rem
}

.ShapeBold_953b2__shape-b-logo {
    height: 14rem
}

.ShapeBold_953b2__shape-b-logo-img {
    display: block;
    height: 100%;
    width: auto;
    filter: saturate(0) brightness(100)
}

@media (max-width:887px) {
    .ShapeBold_953b2__shape-a {
        grid-column: 3/-1
    }

    .ShapeBold_953b2__shape-b {
        grid-column: -5/-1
    }
}

.ShapeDecorative_1fa2e {
    position: relative;
    margin: 8rem 0 21rem;
    padding: 0;
    grid-column: 1/-1;
    --shape-color: var(--color-accent);
    transform: rotate(30deg);
    min-height: 60rem
}

.ShapeDecorative_1fa2e__bottom,
.ShapeDecorative_1fa2e__top {
    position: absolute;
    display: block;
    width: 225rem;
    height: auto;
    fill: var(--shape-color)
}

.ShapeDecorative_1fa2e__top-overlay {
    position: absolute;
    right: 0;
    top: 20rem
}

.ShapeDecorative_1fa2e__content {
    font-size: inherit;
    line-height: inherit
}

.ShapeDecorative_1fa2e__img {
    display: block;
    width: 95%;
    height: auto;
    margin: auto
}

.ShapeDecorative_1fa2e__top-svg {
    display: block;
    position: relative;
    width: 230rem;
    height: auto;
    margin: -4rem
}

.ShapeDecorative_1fa2e__bottom-svg {
    display: block;
    position: relative;
    width: 230rem;
    height: auto;
    margin: -4rem
}

.ShapeDecorative_1fa2e__top-content {
    position: absolute;
    background: var(--shape-color) 90% 100% no-repeat;
    background-size: 123rem auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ShapeDecorative_1fa2e__bottom-content {
    position: absolute;
    background: var(--shape-color) 90% 100% no-repeat;
    background-size: 123rem auto;
    top: 1%;
    left: 1%;
    width: 98%;
    height: 98%;
    overflow: hidden
}

.ShapeDecorative_1fa2e__top-image {
    width: 50%;
    height: 90%;
    margin-left: 50%;
    transform-origin: center;
    background: var(--shape-color) 50% 50% no-repeat;
    background-size: cover
}

.ShapeDecorative_1fa2e__bottom-image {
    width: 46.5%;
    height: 90%;
    transform-origin: center;
    background: var(--shape-color) 50% 50% no-repeat;
    background-size: cover
}

@media (max-width:887px) {
    .ShapeDecorative_1fa2e__top {
        left: -155rem;
        top: 0
    }

    .ShapeDecorative_1fa2e__bottom {
        left: 50rem;
        top: -35rem
    }
}

@media (min-width:888px) {
    .ShapeDecorative_1fa2e__top {
        left: -130rem;
        top: 0
    }

    .ShapeDecorative_1fa2e__bottom {
        right: -184rem;
        top: -4rem
    }
}

.ShapeFeature_ddb96 {
    padding: 0;
    margin: 2rem 0 0 0;
    --color-muted: var(--color-text-inverted);
    --color-text: var(--color-text-inverted);
    --color-link: var(--color-text-inverted);
    --shape-color: var(--color-accent);
    grid-column: 1/-1
}

.ShapeFeature_ddb96--backgroundVariation-light {
    --shape-color: var(--color-light-accent)
}

.ShapeFeature_ddb96__top {
    width: 100%;
    padding-top: 14.5%;
    margin-bottom: -1px;
    background: var(--shape-color);
    clip-path: polygon(40% 0, 100% calc(100% - 1px), 100% 100%, 0 100%, 0 calc(65% - 1px));
    -webkit-clip-path: polygon(40% 0, 100% calc(100% - 1px), 100% 100%, 0 100%, 0 calc(65% - 1px))
}

.ShapeFeature_ddb96__bottom {
    width: 100%;
    padding-bottom: 10%;
    margin-top: -1px;
    background: var(--shape-color);
    clip-path: polygon(100% 0, 100% 4%, 60% 100%, 0 1px, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 4%, 60% 100%, 0 1px, 0 0)
}

.ShapeFeature_ddb96__middle {
    background: var(--shape-color)
}

@media (max-width:887px) {
    .ShapeFeature_ddb96 {
        margin: 11rem 0 0 0
    }

    .ShapeFeature_ddb96__middle {
        padding-bottom: 4rem
    }
}

@media (min-width:888px) {
    .ShapeFeature_ddb96 {
        grid-column: 2/-2
    }
}

.ShapeFeatureContent_44f96 {
    display: grid;
    column-gap: var(--col-gap);
    grid-column: 1/-1
}

.ShapeFeatureContent_44f96__container {
    display: grid;
    column-gap: var(--col-gap);
    grid-column: 1/-1;
    margin-bottom: 0
}

.ShapeFeatureContent_44f96__content {
    display: flex;
    flex-direction: column;
    font-size: inherit;
    line-height: inherit;
    color: var(--color-text-inverted);
    grid-column: 2/-2;
    justify-content: flex-end
}

.ShapeFeatureContent_44f96__img-wrapper {
    display: block;
    margin-top: -20rem;
    margin-bottom: 5rem;
    padding-top: 80%;
    position: relative;
    clip-path: polygon(40% 0, 100% 19%, 100% 87.5%, 60% 100%, 0 87.5%, 0 12.5%);
    -webkit-clip-path: polygon(40% 0, 100% 19%, 100% 87.5%, 60% 100%, 0 87.5%, 0 12.5%);
    grid-column: 2/-2
}

.ShapeFeatureContent_44f96__img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover
}

@media (max-width:887px) {
    .ShapeFeatureContent_44f96 {
        grid-template-columns: var(--grid-template-columns)
    }

    .ShapeFeatureContent_44f96__container {
        grid-template-columns: var(--grid-template-columns)
    }

    .ShapeFeatureContent_44f96__img-wrapper {
        grid-column: 2/-2;
        margin-left: 0;
        padding-top: 60%;
        clip-path: polygon(40% 0, 100% 25%, 100% 84.5%, 60% 100%, 0 84.5%, 0 16%);
        -webkit-clip-path: polygon(40% 0, 100% 25%, 100% 84.5%, 60% 100%, 0 84.5%, 0 16%)
    }
}

@media (min-width:888px) {
    .ShapeFeatureContent_44f96 {
        grid-column: 2/-2;
        grid-template-columns: var(--grid-content-columns)
    }

    .ShapeFeatureContent_44f96__container {
        grid-template-columns: var(--grid-content-columns)
    }

    .ShapeFeatureContent_44f96__img-wrapper {
        margin-left: -4rem;
        grid-column: 1/4
    }

    .ShapeFeatureContent_44f96__content {
        grid-column: 4/-1;
        padding: 0 5rem
    }
}

.ShapeFeatureEmberDocumentary_0c611 {
    position: relative;
    grid-column: 2/-2
}

.ShapeFeatureEmberDocumentary_0c611__top {
    position: absolute;
    top: -3rem;
    right: -158%;
    z-index: 1;
    transform: rotate(30deg);
    fill: #e15d44;
    width: 200%;
    height: auto
}

.ShapeFeatureEmberDocumentary_0c611__bottom {
    position: relative;
    padding-bottom: calc(100% * 9 / 16 * 2);
    margin-bottom: 3rem
}

.ShapeFeatureEmberDocumentary_0c611__video {
    position: absolute;
    top: 0;
    width: 200%;
    height: auto
}

@media (max-width:887px) {
    .ShapeFeatureEmberDocumentary_0c611__video {
        left: 50%;
        transform: translate(-50%)
    }
}

@media (min-width:888px) {
    .ShapeFeatureEmberDocumentary_0c611 {
        display: grid;
        grid-column: 1/-1;
        grid-template-columns: var(--grid-template-columns);
        column-gap: var(--col-gap)
    }

    .ShapeFeatureEmberDocumentary_0c611__top {
        top: -20%;
        right: -78%;
        width: 100vw
    }

    .ShapeFeatureEmberDocumentary_0c611__bottom {
        grid-column: 1/6;
        margin-top: -8rem;
        margin-bottom: 0;
        padding-bottom: calc(100% * 9 / 16 * 1.5);
        height: 0;
        overflow: hidden
    }

    .ShapeFeatureEmberDocumentary_0c611__down {
        margin-top: 15vw
    }

    .ShapeFeatureEmberDocumentary_0c611__video {
        left: unset;
        right: var(--col-gap);
        height: 100%;
        width: auto
    }

    .ShapeFeatureEmberDocumentary_0c611__content {
        grid-column: -4/-2;
        display: flex;
        align-content: center;
        flex-flow: column;
        justify-content: center
    }
}

.ShapeFeaturePlaybookMax_6b806 {
    background-color: var(--color-light)
}

.ShapeFeaturePlaybookMax_6b806__sidebar {
    position: relative;
    grid-column: 1/-1
}

.ShapeFeaturePlaybookMax_6b806__image-wrapper {
    clip-path: none;
    -webkit-clip-path: none
}

.HeaderContent_14d7f--attachment-blue-ribbon .HeaderContent_14d7f__image-wrapper.ShapeFeaturePlaybookMax_6b806__image-wrapper {
    -webkit-clip-path: none
}

.HeaderContent_14d7f--attachment-image .HeaderContent_14d7f__image-wrapper.ShapeFeaturePlaybookMax_6b806__image-wrapper {
    -webkit-clip-path: none
}

.HeaderContent_14d7f--attachment-blue-ribbon .HeaderContent_14d7f__image-wrapper.ShapeFeaturePlaybookMax_6b806__image-wrapper {
    clip-path: none
}

.HeaderContent_14d7f--attachment-image .HeaderContent_14d7f__image-wrapper.ShapeFeaturePlaybookMax_6b806__image-wrapper {
    clip-path: none
}

@media (min-width:888px) {
    .ShapeFeaturePlaybookMax_6b806__sidebar {
        grid-column: 5/-1
    }
}

.ShapeFeaturePlaybookMax_6b806__image {
    left: 0;
    height: auto;
    max-width: 80%;
    z-index: 2
}

.HeaderContent_14d7f__image.ShapeFeaturePlaybookMax_6b806__image {
    height: auto
}

.ShapeFeaturePlaybookMax_6b806__background-bottom {
    width: 100%;
    margin-top: -1px;
    grid-column: 1/-1;
    background-color: var(--color-background);
    padding-bottom: 16.5%;
    -webkit-clip-path: polygon(0 0, 0 calc(100% + 1px), 100% calc(100% + 1px));
    clip-path: polygon(0 0, 0 calc(100% + 1px), 100% calc(100% + 1px))
}

.ShapePlaybook_0d989 {
    padding: 0;
    margin: 2rem 0 0 0;
    --color-link: var(--color-text);
    --shape-color: var(--color-light-accent);
    position: relative;
    display: grid;
    grid-template-columns: var(--grid-template-columns);
    column-gap: var(--col-gap);
    grid-column: 1/-1
}

.ShapePlaybook_0d989__container {
    display: grid;
    column-gap: var(--col-gap);
    grid-column: 1/-1;
    margin: 0
}

.ShapePlaybook_0d989__content {
    display: flex;
    flex-direction: column;
    --color-muted: var(--color-secondary);
    font-size: inherit;
    line-height: inherit;
    grid-column: 2/-2;
    justify-content: center
}

.ShapePlaybook_0d989__img-wrapper {
    display: block;
    margin-top: -13rem;
    margin-bottom: -7em;
    z-index: 1;
    grid-column: 2/-2
}

.ShapePlaybook_0d989__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ShapePlaybook_0d989__download {
    --color-link: var(--color-accent);
    background-color: var(--color-light-accent);
    text-align: center
}

@media (max-width:887px) {
    .ShapePlaybook_0d989 {
        margin: calc(40rem - 15%) 0 0 0
    }

    .ShapePlaybook_0d989__content {
        order: 2
    }

    .ShapePlaybook_0d989__img-wrapper {
        grid-column: 2/-2;
        order: 1;
        margin: -40rem 0 5rem 0
    }

    .ShapePlaybook_0d989__container {
        grid-template-columns: var(--grid-template-columns)
    }
}

@media (min-width:888px) {
    .ShapePlaybook_0d989 {
        grid-column: 1/-1
    }

    .ShapePlaybook_0d989__container {
        grid-template-columns: var(--grid-content-columns)
    }

    .ShapePlaybook_0d989__img-wrapper {
        grid-column: 4/-1
    }

    .ShapePlaybook_0d989__content {
        grid-column: 1/-4;
        padding: 5rem 5rem 0 5rem
    }
}

.ShapeWork_15d76 {
    position: relative;
    min-height: 109rem;
    margin-bottom: 21rem;
    padding-bottom: 90rem;
    grid-column: 1/-1;
    --shape-color: var(--color-accent)
}

.ShapeWork_15d76__bottom,
.ShapeWork_15d76__top {
    position: absolute;
    left: 50%;
    width: 225rem;
    height: auto;
    fill: var(--shape-color)
}

.ShapeWork_15d76__bg {
    fill: var(--shape-color)
}

.ShapeWork_15d76__header {
    padding-bottom: 8rem
}

.ShapeWork_15d76__tagline-container {
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--offset-horizontal);
    padding-right: var(--offset-horizontal)
}

.ShapeWork_15d76__tagline {
    position: absolute
}

.ShapeWork_15d76__tagline-text {
    font-size: var(--p);
    line-height: var(--p-lh);
    text-transform: uppercase;
    color: var(--color-text-inverted)
}

.ShapeWork_15d76__logo-img {
    display: block;
    height: 12rem;
    width: auto
}

.ShapeWork_15d76__tagline-logo {
    overflow: hidden
}

.ShapeWork_15d76__tagline-logo-image {
    display: block;
    height: 8rem;
    width: auto;
    margin-bottom: 1rem;
    filter: saturate(0) brightness(100)
}

@media (max-width:887px) {
    .ShapeWork_15d76 {
        min-height: 1rem;
        margin-bottom: 12rem;
        padding-bottom: calc(150vw + 30rem)
    }

    .ShapeWork_15d76__container {
        margin-bottom: 8rem
    }

    .ShapeWork_15d76__top {
        transform: translate(-50%, 30rem);
        width: 300vw
    }

    .ShapeWork_15d76__bottom {
        transform: translate(-50%);
        z-index: 1;
        width: 300vw
    }

    .ShapeWork_15d76__tagline-container {
        position: absolute;
        left: 50%;
        bottom: 13rem;
        transform: translate(-10%)
    }

    .ShapeWork_15d76__tagline {
        position: relative
    }

    .ShapeWork_15d76--center-true {
        min-height: unset;
        padding-bottom: unset
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__bottom {
        position: relative
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__top {
        display: none
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__content {
        padding-top: 8rem
    }
}

@media (min-width:888px) {
    .ShapeWork_15d76__container {
        display: flex;
        justify-content: space-between
    }

    .ShapeWork_15d76__top {
        transform: translate(5.2%, 55.3%)
    }

    .ShapeWork_15d76__bottom {
        transform: translate(-71.1%)
    }

    .ShapeWork_15d76__header {
        width: var(--col-3);
        padding-bottom: 21rem
    }

    .ShapeWork_15d76__content {
        width: var(--col-3)
    }

    .ShapeWork_15d76__logo {
        padding-bottom: 2rem
    }

    .ShapeWork_15d76__tagline {
        bottom: 20rem;
        right: var(--offset-horizontal);
        z-index: 2;
        width: var(--col-1)
    }

    .ShapeWork_15d76--reverse-true {
        min-height: 90rem;
        margin-bottom: 0
    }

    .ShapeWork_15d76--center-true {
        min-height: 68rem;
        padding-bottom: 0
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__container {
        justify-content: flex-end;
        padding-top: 30rem
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__content {
        width: var(--col-2)
    }

    .ShapeWork_15d76--reverse-true .ShapeWork_15d76__top {
        transform: translate(-105.3%, -55.3%)
    }

    .ShapeWork_15d76--reverse-true .ShapeWork_15d76__bottom {
        transform: translate(-29%)
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__bottom {
        transform: translate(-88%, -40%)
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__top {
        transform: translate(-11.7%, 15.3%)
    }

    .ShapeWork_15d76--reverse-true .ShapeWork_15d76__tagline {
        right: auto;
        left: var(--offset-horizontal);
        bottom: -14em;
        text-align-last: left
    }

    .ShapeWork_15d76--reverse-true .ShapeWork_15d76__content {
        padding-bottom: 21rem
    }

    .ShapeWork_15d76--center-true .ShapeWork_15d76__content {
        --color-text: var(--color-text-inverted);
        --color-muted: var(--color-text-inverted);
        color: var(--color-text)
    }
}

.Redpenguin_1c62f {
    overflow: hidden
}

.WorkshopCard_cce77 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEX5+v6pOaOpAAAADUlEQVR42gECAP3/AAAAAgABUyucMAAAAABJRU5ErkJggg==);
    background-position: 11.25rem 11.25rem;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-image .25s ease;
    position: relative
}

.WorkshopCard_cce77:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEXz9/2ICQmIAAAADUlEQVR42gECAP3/AAAAAgABUyucMAAAAABJRU5ErkJggg==);
    text-decoration: none
}

.WorkshopCard_cce77__main-link {
    display: grid;
    grid-template-columns: 22.5rem repeat(2, 1fr);
    column-gap: var(--col-gap);
    padding: 0 var(--col-gap) var(--col-gap) 0
}

.WorkshopCard_cce77__main-link:hover {
    text-decoration: none
}

.WorkshopCard_cce77__bottom-link {
    padding-left: calc(22.5rem + var(--col-gap))
}

.WorkshopCard_cce77__label {
    position: absolute;
    top: 0;
    left: calc(22.5rem + var(--col-gap));
    line-height: 1.25
}

.typography_fc47b__small.WorkshopCard_cce77__label {
    line-height: 1.25
}

.WorkshopCard_cce77__tag {
    background: var(--color-accent);
    display: block;
    width: 4rem;
    height: 4rem;
    padding: 2rem;
    margin-top: 7.25rem
}

.WorkshopCard_cce77__info {
    grid-column: 1
}

.WorkshopCard_cce77__image {
    width: 100%;
    margin-bottom: var(--col-gap);
    object-fit: cover;
    height: auto
}

.WorkshopCard_cce77__content {
    grid-column: 2/4
}

.WorkshopCard_cce77__title {
    margin-top: 3rem
}

.WorkshopCard_cce77__p {
    color: #000
}

@media (min-width:888px) {
    .WorkshopCard_cce77__label-line {
        display: block
    }
}

@media (max-width:887px) {
    .WorkshopCard_cce77 {
        background-position: 0 11.25rem
    }

    .WorkshopCard_cce77__main-link {
        pointer-events: none
    }

    .WorkshopCard_cce77__bottom-link,
    .WorkshopCard_cce77__main-link {
        grid-template-columns: var(--grid-template-columns);
        padding: 0 0 var(--col-gap) 0
    }

    .WorkshopCard_cce77__bottom-link {
        display: grid;
        column-gap: var(--col-gap)
    }

    .WorkshopCard_cce77__bottom-link-content {
        grid-column: 2/-2
    }

    .WorkshopCard_cce77__info {
        grid-column: 2/-2;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .WorkshopCard_cce77__label {
        position: relative;
        top: unset;
        left: unset;
        min-width: 66%;
        flex-basis: 66%;
        flex-grow: 1
    }

    .WorkshopCard_cce77__image {
        width: 12.5rem;
        margin-right: var(--col-gap)
    }

    .WorkshopCard_cce77__tag {
        display: none
    }

    .WorkshopCard_cce77__content {
        grid-column: 2/-2
    }
}

.WorkWithUs_52d67 {
    padding: 0;
    margin: 0 0 10rem 0;
    grid-column: 1/-1;
    position: relative;
    z-index: 0
}

.WorkWithUs_52d67__top {
    background: var(--color-light);
    padding-top: 15%;
    width: 100%;
    -webkit-clip-path: polygon(60% 100%, 100% 36%, 100% 100%, 0 100%, 0 33%);
    clip-path: polygon(60% 100%, 100% 36%, 100% 100%, 0 100%, 0 33%)
}

.WorkWithUs_52d67__bottom {
    background: var(--color-background);
    width: 100%;
    padding-top: 10%;
    -webkit-clip-path: polygon(75% 0, 100% 80%, 100% 100%, 0 100%, 0 96%);
    clip-path: polygon(40% 0, 100% 80%, 100% 100%, 0 100%, 0 96%);
    margin-top: -8%;
    position: relative;
    z-index: 1
}

.WorkWithUs_52d67__container {
    background: var(--color-light);
    padding: 0
}

.WorkWithUs_52d67__content {
    grid-column: 2/-2;
    padding: 10rem 0 20rem
}

.WorkWithUs_52d67__img-wrapper {
    display: none
}

.WorkWithUs_52d67__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (min-width:888px) {
    .WorkWithUs_52d67__content {
        grid-column: 2/5;
        padding: 20rem 0 10rem 0
    }

    .WorkWithUs_52d67__img-wrapper {
        display: block;
        grid-column: 5/-2;
        display: flex
    }
}

.RecentPostsProcess_9277a__post {
    margin: 0;
    list-style: none
}

.RecentPostsProcess_9277a__post+.RecentPostsProcess_9277a__post {
    margin-top: 8rem
}

.RecentPostsProcess_9277a__title {
    margin-bottom: 2rem
}

.RecentPostsProcess_9277a__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsProcess_9277a__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsProcess_9277a__author,
.RecentPostsProcess_9277a__date {
    display: block;
    line-height: 3rem
}

.RecentPostsMisc_2eb03__post {
    margin: 0;
    list-style: none
}

.RecentPostsMisc_2eb03__post+.RecentPostsMisc_2eb03__post {
    margin-top: 8rem
}

.RecentPostsMisc_2eb03__title {
    margin-bottom: 2rem
}

.RecentPostsMisc_2eb03__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsMisc_2eb03__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsMisc_2eb03__author,
.RecentPostsMisc_2eb03__date {
    display: block;
    line-height: 3rem
}

.RecentPostsGithub_ab21c__post {
    margin: 0;
    list-style: none
}

.RecentPostsGithub_ab21c__post+.RecentPostsGithub_ab21c__post {
    margin-top: 8rem
}

.RecentPostsGithub_ab21c__title {
    margin-bottom: 2rem
}

.RecentPostsGithub_ab21c__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsGithub_ab21c__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsGithub_ab21c__author,
.RecentPostsGithub_ab21c__date {
    display: block;
    line-height: 3rem
}

.RecentPostsEmber_66075__post {
    margin: 0;
    list-style: none
}

.RecentPostsEmber_66075__post+.RecentPostsEmber_66075__post {
    margin-top: 8rem
}

.RecentPostsEmber_66075__title {
    margin-bottom: 2rem
}

.RecentPostsEmber_66075__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsEmber_66075__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsEmber_66075__author,
.RecentPostsEmber_66075__date {
    display: block;
    line-height: 3rem
}

.RecentPostsJavascript_3c502__post {
    margin: 0;
    list-style: none
}

.RecentPostsJavascript_3c502__post+.RecentPostsJavascript_3c502__post {
    margin-top: 8rem
}

.RecentPostsJavascript_3c502__title {
    margin-bottom: 2rem
}

.RecentPostsJavascript_3c502__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsJavascript_3c502__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsJavascript_3c502__author,
.RecentPostsJavascript_3c502__date {
    display: block;
    line-height: 3rem
}

.RecentPostsRust_c2b5c__post {
    margin: 0;
    list-style: none
}

.RecentPostsRust_c2b5c__post+.RecentPostsRust_c2b5c__post {
    margin-top: 8rem
}

.RecentPostsRust_c2b5c__title {
    margin-bottom: 2rem
}

.RecentPostsRust_c2b5c__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsRust_c2b5c__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsRust_c2b5c__author,
.RecentPostsRust_c2b5c__date {
    display: block;
    line-height: 3rem
}

.RecentPostsEmberjs_7736f__post {
    margin: 0;
    list-style: none
}

.RecentPostsEmberjs_7736f__post+.RecentPostsEmberjs_7736f__post {
    margin-top: 8rem
}

.RecentPostsEmberjs_7736f__title {
    margin-bottom: 2rem
}

.RecentPostsEmberjs_7736f__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsEmberjs_7736f__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsEmberjs_7736f__author,
.RecentPostsEmberjs_7736f__date {
    display: block;
    line-height: 3rem
}

.RecentPostsDesign_24cba__post {
    margin: 0;
    list-style: none
}

.RecentPostsDesign_24cba__post+.RecentPostsDesign_24cba__post {
    margin-top: 8rem
}

.RecentPostsDesign_24cba__title {
    margin-bottom: 2rem
}

.RecentPostsDesign_24cba__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsDesign_24cba__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsDesign_24cba__author,
.RecentPostsDesign_24cba__date {
    display: block;
    line-height: 3rem
}

.RecentPostsElixir_4e142__post {
    margin: 0;
    list-style: none
}

.RecentPostsElixir_4e142__post+.RecentPostsElixir_4e142__post {
    margin-top: 8rem
}

.RecentPostsElixir_4e142__title {
    margin-bottom: 2rem
}

.RecentPostsElixir_4e142__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsElixir_4e142__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsElixir_4e142__author,
.RecentPostsElixir_4e142__date {
    display: block;
    line-height: 3rem
}

.RecentPostsPwas_c5758__post {
    margin: 0;
    list-style: none
}

.RecentPostsPwas_c5758__post+.RecentPostsPwas_c5758__post {
    margin-top: 8rem
}

.RecentPostsPwas_c5758__title {
    margin-bottom: 2rem
}

.RecentPostsPwas_c5758__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsPwas_c5758__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsPwas_c5758__author,
.RecentPostsPwas_c5758__date {
    display: block;
    line-height: 3rem
}

.RecentPostsRedpenguin_0ac95__post {
    margin: 0;
    list-style: none
}

.RecentPostsRedpenguin_0ac95__post+.RecentPostsRedpenguin_0ac95__post {
    margin-top: 8rem
}

.RecentPostsRedpenguin_0ac95__title {
    margin-bottom: 2rem
}

.RecentPostsRedpenguin_0ac95__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsRedpenguin_0ac95__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsRedpenguin_0ac95__author,
.RecentPostsRedpenguin_0ac95__date {
    display: block;
    line-height: 3rem
}

.RecentPostsTesting_810f6__post {
    margin: 0;
    list-style: none
}

.RecentPostsTesting_810f6__post+.RecentPostsTesting_810f6__post {
    margin-top: 8rem
}

.RecentPostsTesting_810f6__title {
    margin-bottom: 2rem
}

.RecentPostsTesting_810f6__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsTesting_810f6__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsTesting_810f6__author,
.RecentPostsTesting_810f6__date {
    display: block;
    line-height: 3rem
}

.RecentPostsRuby_3c4e1__post {
    margin: 0;
    list-style: none
}

.RecentPostsRuby_3c4e1__post+.RecentPostsRuby_3c4e1__post {
    margin-top: 8rem
}

.RecentPostsRuby_3c4e1__title {
    margin-bottom: 2rem
}

.RecentPostsRuby_3c4e1__media {
    position: relative;
    padding-left: 8rem
}

.RecentPostsRuby_3c4e1__image {
    display: block;
    position: absolute;
    left: 0;
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
    overflow: hidden
}

.RecentPostsRuby_3c4e1__author,
.RecentPostsRuby_3c4e1__date {
    display: block;
    line-height: 3rem
}