/* ==========================================================================
   /about/culture only, loaded after culture6.css and company-footer.css:
   the Notifly wordmark in the header, and the site footer in the page's dark
   ink, as on /about/company.
   ========================================================================== */
.culture6-page .brand-mark,
.culture6-page .brand-mark img {
    width: 106px;
    height: 30px;
    object-fit: contain;
}
/* Phones: the nav trimmed as on the company page, without the current page. The
   product link stays, the only way from the top of the page to notifly.tech */
@media (max-width: 700px) {
    .culture6-page .nav-links {
        gap: 18px;
        justify-self: end;
    }
    .culture6-page .nav-links a {
        font-size: 12px;
    }
    .culture6-page .nav-links .active {
        display: none;
    }
}
/* Narrow phones: up to 389px the links sit a little closer, and below 360px the
   careers link (also in the page's calls to action) gives way */
@media (max-width: 389px) {
    .culture6-page .nav-links {
        gap: 12px;
    }
}
@media (max-width: 359px) {
    .culture6-page .nav-links a[href='/about/careers'] {
        display: none;
    }
}

/* The landing footer, kept above the page's decorative layers, with the
   landing page's inherited text defaults */
.company-landing-footer {
    position: relative;
    z-index: 1;
    color: #000;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.company-landing-footer h2 {
    line-height: 1.5;
    letter-spacing: normal;
}
.company-landing-footer img {
    color: transparent;
}

/* Footer in the page's dark ink, with the same fine grain as the company page */
.culture6-page footer[data-header-tone] {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background-color: #04070e;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.6 0 0 0 0.044 0.6 0 0 0 0.044 0.6 0 0 0 0.044 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    background-blend-mode: overlay;
}
.culture6-page footer .text-\[\#4D5867\] {
    color: rgba(226, 232, 242, 0.62);
}
.culture6-page footer h2.text-\[\#4D5867\] {
    color: rgba(226, 232, 242, 0.38);
}
.culture6-page footer a.text-\[\#4D5867\]:hover {
    color: #fff;
}
.culture6-page footer img[src*='landing-logo'] {
    filter: brightness(0) invert(1);
    opacity: 0.86;
}
.culture6-page footer img[src*='powered-by-aws'] {
    filter: brightness(0) invert(1);
    opacity: 0.66;
}
.culture6-page footer svg path[fill='#B0B5BB'] {
    fill: rgba(226, 232, 242, 0.42);
}
.culture6-page footer .border-t {
    border-color: rgba(255, 255, 255, 0.08);
}
.culture6-page footer [class*='md:border-l'] {
    border-color: rgba(255, 255, 255, 0.16);
}