/* Pulp Landing Page */

html#pulp_landing
{
    --page-bg: var(--muted-green);
/*     --text: var(--screen-black); */
    --text: rgba(0,0,0,.8);
    --card-bg: var(--white);
    --bg-darker: #007f40;
}

    html#pulp_landing #pulpLandingHeader
    {
        text-align: center;
    }

    html#pulp_landing h1
    {
        color: transparent;
        text-indent: -99999px;

        height: 4em;
        margin: 1em 0 1em 0;

        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url("../images/pulp-logo-big.773ddb6ad10d.svg");
    }

    html#pulp_landing h2
    {
        text-align: center;
        font-size: 2em;
        letter-spacing: -0.0125em;
    }
    
    html#pulp_landing nav.internal-nav ul
    {
        flex-wrap: wrap;
        font-size: 1em;
    }
    html#pulp_landing nav.internal-nav li
    {
        line-height: 3em;
    }
        html#pulp_landing nav.internal-nav li a
        {
            background-color: var(--bg-darker);
            color: var(--white);
        }

    html#pulp_landing .go_button
    {
      display: inline-block;
      margin: .5em auto 1.5em auto;
      padding: 0.15em 1em 0.25em 1.15em;
      border-radius: 1em;

      font-size: 2em;
      font-weight: 700;
      letter-spacing: -0.0075em;
      text-decoration: none;

      background-color: var(--white);
      color: var(--text);
    }
        html#pulp_landing .go_button::after     
        {
            content: '';
            display: inline-block;
            width: 1em;
            height: 1em;
            vertical-align: -.18em;
            -webkit-mask-size: contain;
            -webkit-mask-position: 0% 50%;
            -webkit-mask-repeat: no-repeat;
            background-color: var(--text);
            -webkit-mask-image: url("../images/pulp-pencil.a588efbcfa3a.svg");
        }

    html#pulp_landing ul.columns
    {
        list-style: none;
        padding: 0;
        margin-top: 0;
        display: grid;
        grid-template-columns: 1fr;
    }

    html#pulp_landing ul.columns li
    {
        display: grid;
        grid-template-rows: 46rem auto;
        grid-gap: 1em;
        margin-bottom: 1em;
        position: relative;
    }

    html#pulp_landing ul.columns li::before
    {
        content: "";
        display: block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    html#pulp_landing ul.columns li:nth-child(1)::before
    {
        background-image: url("../images/dev/pulp/pulp-landing-shot-1.ab80c01231d5.png");
    }
    html#pulp_landing ul.columns li:nth-child(2)::before
    {
        background-image: url("../images/dev/pulp/pulp-landing-shot-2.ee30614d213b.png");
    }
    html#pulp_landing ul.columns li:nth-child(3)::before
    {
        background-image: url("../images/dev/pulp/pulp-landing-shot-4.a025f0427246.png");
    }
    
    html#pulp_landing #bitsyCredit
    {
        display: block;
        text-align: center;
        margin-top: 2em;
    }

    @media (min-width: 860px)
    {
        html#pulp_landing ul.columns li
        {
            grid-template-rows: auto;
            grid-template-columns: 48rem auto;
            margin-bottom: 2em;
        }
        
        html#pulp_landing ul.columns li:nth-child(1)::before { background-position: left center; }
        html#pulp_landing ul.columns li:nth-child(2)::before { background-position: right center; }
        html#pulp_landing ul.columns li:nth-child(3)::before { background-position: left center; }

        html#pulp_landing ul.columns li:nth-child(2)
        {
            grid-template-columns: auto 48rem;
        }

        html#pulp_landing ul.columns li:nth-child(2) p
        {
            order: 1;
        }

        html#pulp_landing ul.columns li:nth-child(2)::before
        {
            order: 2;
        }
        
        html#pulp_landing nav.internal-nav li
        {
            font-size: 1em;        
        }

    }