/* ============================================================
   YOU FIRST FREE
   BLACKWOOD FOOTER
   ============================================================ */

.blackwood-footer {
    position: relative;

    overflow: hidden;
    isolation: isolate;

    padding:
        clamp(4.5rem, 8vw, 7rem)
        0
        1.3rem;

    border-top:
        1px solid rgba(230, 221, 201, 0.13);

    background:
        #040404;

    color:
        #e8dfcb;
}


/* ============================================================
   FULL BLEED ATMOSPHERE
   ============================================================ */

.blackwood-footer__background {
    position: absolute;
    inset: 0;

    z-index: -2;

    opacity: 0.15;

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.35),
            rgba(0, 0, 0, 0.88)
        ),
        url("../images/the-tree-line-experience.png")
        center 66% / cover no-repeat;

    filter:
        grayscale(0.8)
        brightness(0.42)
        contrast(1.1);
}


.blackwood-footer::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 14% 38%,
            rgba(119, 42, 35, 0.12),
            transparent 24%
        ),
        radial-gradient(
            circle at 82% 18%,
            rgba(202, 208, 210, 0.055),
            transparent 22%
        );
}


/* ============================================================
   BOUNDARIES
   ============================================================ */

.blackwood-footer__shell {
    width:
        min(
            calc(100% - clamp(2rem, 8vw, 8rem)),
            1180px
        );

    max-width:
        1180px;

    margin-inline:
        auto;
}


/* ============================================================
   EXIT RECORD
   ============================================================ */

.blackwood-footer__exit {
    padding-bottom:
        clamp(2rem, 4vw, 3rem);

    border-bottom:
        1px solid rgba(230, 221, 201, 0.13);
}


.blackwood-footer__eyebrow {
    margin:
        0 0
        0.8rem;

    color:
        #d69a46;

    font-family:
        "Courier New",
        monospace;

    font-size:
        0.66rem;

    font-weight:
        800;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;
}


.blackwood-footer__exit-row {
    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        2rem;
}


.blackwood-footer__survived {
    display:
        block;

    color:
        #eee5d0;

    font-family:
        "Haunted Hill Regular",
        Georgia,
        serif;

    font-size:
        clamp(3.5rem, 7vw, 6.5rem);

    font-weight:
        400;

    line-height:
        0.86;
}


.blackwood-footer__exit-row p {
    margin:
        0.75rem 0 0;

    color:
        rgba(230, 221, 201, 0.58);

    font-family:
        Georgia,
        serif;

    font-size:
        1rem;
}


.blackwood-footer__stamp {
    flex:
        0 0 auto;

    border:
        2px solid rgba(144, 52, 44, 0.58);

    padding:
        0.6rem
        0.8rem;

    color:
        rgba(194, 75, 65, 0.75);

    font-family:
        "Courier New",
        monospace;

    font-size:
        0.68rem;

    font-weight:
        800;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;

    transform:
        rotate(-6deg);
}


/* ============================================================
   PROPERTY LEDGER
   ============================================================ */

.blackwood-footer__ledger {
    margin-top:
        clamp(2rem, 4vw, 3rem);

    border:
        1px solid rgba(230, 221, 201, 0.12);

    background:
        rgba(7, 7, 6, 0.72);

    backdrop-filter:
        blur(5px);
}


.blackwood-footer__ledger-head {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        1rem;

    padding:
        0.75rem
        1rem;

    border-bottom:
        1px solid rgba(230, 221, 201, 0.12);

    font-family:
        "Courier New",
        monospace;

    font-size:
        0.62rem;

    font-weight:
        800;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;
}


.blackwood-footer__ledger-head span {
    color:
        rgba(230, 221, 201, 0.5);
}


.blackwood-footer__ledger-head strong {
    color:
        rgba(168, 61, 52, 0.86);
}


.blackwood-footer__ledger-body {
    display:
        grid;

    grid-template-columns:
        1.45fr
        repeat(4, minmax(0, 1fr));
}


/* ============================================================
   BRAND RECORD
   ============================================================ */

.blackwood-footer__brand,
.blackwood-footer__record {
    min-width:
        0;

    min-height:
        150px;

    padding:
        1.15rem
        1.2rem;

    border-right:
        1px solid rgba(230, 221, 201, 0.1);
}


.blackwood-footer__record:last-child {
    border-right:
        0;
}


.blackwood-footer__brand a {
    color:
        #eee5d0;

    text-decoration:
        none;
}


.blackwood-footer__brand strong {
    display:
        block;

    font-family:
        "Haunted Hill Regular",
        Georgia,
        serif;

    font-size:
        clamp(2.2rem, 4vw, 3.4rem);

    font-weight:
        400;

    line-height:
        0.86;
}


.blackwood-footer__brand span {
    display:
        block;

    margin-top:
        0.45rem;

    color:
        rgba(230, 221, 201, 0.48);

    font-size:
        0.6rem;

    font-weight:
        800;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;
}


.blackwood-footer__brand p {
    margin:
        1.1rem 0 0;

    max-width:
        26ch;

    color:
        rgba(230, 221, 201, 0.5);

    font-size:
        0.78rem;

    line-height:
        1.5;
}


/* ============================================================
   RECORDS
   ============================================================ */

.blackwood-footer__record > span {
    display:
        block;

    margin-bottom:
        0.65rem;

    color:
        #d49a48;

    font-size:
        0.6rem;

    font-weight:
        800;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;
}


.blackwood-footer__record strong,
.blackwood-footer__record small,
.blackwood-footer__record a {
    display:
        block;
}


.blackwood-footer__record strong,
.blackwood-footer__record a {
    color:
        rgba(230, 221, 201, 0.82);

    font-size:
        0.82rem;

    line-height:
        1.45;
}


.blackwood-footer__record small {
    margin-top:
        0.25rem;

    color:
        rgba(230, 221, 201, 0.45);

    font-size:
        0.72rem;

    line-height:
        1.4;
}


.blackwood-footer__record a {
    width:
        max-content;

    max-width:
        100%;

    margin-top:
        0.35rem;

    text-decoration-color:
        rgba(230, 221, 201, 0.28);

    text-underline-offset:
        3px;
}


.blackwood-footer__socials {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;
}


/* ============================================================
   TEMPLATE NOTICE
   ============================================================ */

.blackwood-footer__notice {
    display:
        grid;

    grid-template-columns:
        auto
        minmax(0, 1fr);

    gap:
        1rem;

    align-items:
        start;

    margin-top:
        1rem;

    padding:
        0.85rem
        1rem;

    border:
        1px solid rgba(136, 49, 42, 0.3);

    background:
        rgba(43, 10, 8, 0.34);
}


.blackwood-footer__notice-mark {
    border:
        1px solid rgba(181, 68, 58, 0.58);

    padding:
        0.3rem
        0.4rem;

    color:
        #bc5147;

    font-family:
        "Courier New",
        monospace;

    font-size:
        0.58rem;

    font-weight:
        800;

    letter-spacing:
        0.1em;
}


.blackwood-footer__notice p {
    margin:
        0;

    color:
        rgba(230, 221, 201, 0.46);

    font-size:
        0.7rem;

    line-height:
        1.5;
}


/* ============================================================
   BOTTOM LINE
   ============================================================ */

.blackwood-footer__bottom {
    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap:
        1rem;

    margin-top:
        1.25rem;

    color:
        rgba(230, 221, 201, 0.36);

    font-family:
        "Courier New",
        monospace;

    font-size:
        0.58rem;

    letter-spacing:
        0.05em;

    text-transform:
        uppercase;
}


.blackwood-footer__status {
    color:
        rgba(167, 62, 53, 0.8);
}


.blackwood-footer__bottom a {
    color:
        rgba(230, 221, 201, 0.57);

    text-decoration:
        none;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .blackwood-footer__ledger-body {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .blackwood-footer__brand {
        grid-column:
            1 / -1;

        min-height:
            0;

        border-right:
            0;

        border-bottom:
            1px solid rgba(230, 221, 201, 0.1);
    }


    .blackwood-footer__record {
        min-height:
            125px;
    }


    .blackwood-footer__record:nth-child(3),
    .blackwood-footer__record:nth-child(5) {
        border-right:
            0;
    }


    .blackwood-footer__record:nth-child(2),
    .blackwood-footer__record:nth-child(3) {
        border-bottom:
            1px solid rgba(230, 221, 201, 0.1);
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 640px) {

    .blackwood-footer__shell {
        width:
            calc(100% - 2rem);

        max-width:
            none;
    }


    .blackwood-footer__exit-row {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .blackwood-footer__stamp {
        margin-left:
            auto;
    }


    .blackwood-footer__ledger-head {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .blackwood-footer__ledger-body {
        grid-template-columns:
            1fr;
    }


    .blackwood-footer__brand,
    .blackwood-footer__record {
        min-height:
            0;

        border-right:
            0;

        border-bottom:
            1px solid rgba(230, 221, 201, 0.1);
    }


    .blackwood-footer__record:last-child {
        border-bottom:
            0;
    }


    .blackwood-footer__notice {
        grid-template-columns:
            1fr;
    }


    .blackwood-footer__bottom {
        align-items:
            flex-start;

        flex-direction:
            column;
    }
}