/*
    THEME NAME: BUILDER V3.0
    AUTHOR: MATCHPLAY GOLF MARKETING
    DESCRIPTION: THE THIRD ITERATION OF MATCHPLAY GOLF MARKETING'S WORDPRESS THEME, HEAVILY OPTIMIZED.
    TEXT DOMAIN: BUILDERV3
*/

/*THEME VARIABLES*/

    /*GLOBAL FOCUS COLOR*/

        :root {
            --focus-color: rgba(157, 13, 13, 0.9);
        }

    /*DARK THEME OVERRIDES*/

        .standard-block[data-theme="header-dark"],
        header.header-dark {
            --vid-btn-bg: #FFFFFF;
            --vid-btn-color: #9D0D0D;
            --vid-btn-border: #FFFFFF;
            --vid-btn-hover-bg: #9D0D0D;
            --vid-btn-hover-color: #FFFFFF;
            --vid-btn-hover-border: #FFFFFF;
            --vid-btn-active-bg: #9D0D0D;
            --vid-btn-active-color: #FFFFFF;
            --vid-btn-active-border: #FFFFFF;
        }

    /*LIGHT THEME OVERRIDES*/

        :root,
        .standard-block[data-theme="header-light"],
        header:not(.header-dark) {
            --vid-btn-bg: #9D0D0D;
            --vid-btn-color: #FFFFFF;
            --vid-btn-border: #9D0D0D;
            --vid-btn-hover-bg: #9D0D0D;
            --vid-btn-hover-color: #FFFFFF;
            --vid-btn-hover-border: #FFFFFF;
            --vid-btn-active-bg: #9D0D0D;
            --vid-btn-active-color: #FFFFFF;
            --vid-btn-active-border: #FFFFFF;
        }

/*RESET & ACCESSIBILITY*/

    /*BASE HTML & BODY*/

        body:not(.wp-admin) {
            all: unset;
            display: revert;
        }

        html {
            overflow-x: hidden;
            background-color: #000;
        }

    /*BOX SIZING*/

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

    /*INTERACTIVE ELEMENTS*/

        a,
        button {
            cursor: revert;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

    /*MEDIA*/

        img,
        video {
            max-width: 100%;
            max-inline-size: 100%;
            max-block-size: 100%;
        }

    /*LISTS*/

        ol,
        ul,
        menu {
            all: unset;
            list-style: none;
        }

    /*ACCESSIBILITY UTILITIES*/

        /*SCREEN READER ONLY*/

            .sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0;
            }

        /*GLOBAL FOCUS STATE*/

            *:focus-visible {
                outline: 2px dashed var(--focus-color) !important;
                outline-offset: 3px !important;
                border-radius: 2px;
            }

        /*REDUCED MOTION KILL-SWITCH*/

            @media (prefers-reduced-motion: reduce) {

                *,
                *::before,
                *::after {
                    animation-duration: 0.01ms !important;
                    animation-iteration-count: 1 !important;
                    transition-duration: 0.01ms !important;
                    scroll-behavior: auto !important;
                }

            }

/*UTILITY ENGINE*/

    /*BACKGROUNDS & POSITIONING*/

        /*COVER BACKGROUNDS*/

            .u-bg-cover {
                height: 100%;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

        /*ABSOLUTE COVER LAYERS*/

            .u-absolute-cover {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
            }

        /*ABSOLUTE VIDEO BACKGROUNDS*/

            .u-absolute-video {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 0;
            }

        /*ABSOLUTE CENTERING*/

            .u-absolute-center {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

    /*LAYOUT WIDTHS*/

        /*FULL WIDTH*/

            .full {
                width: 100%;
            }

        /*CENTER WIDTHS*/

            .center {
                width: 65%;
                margin: 0 auto;
            }

            .center-alt {
                width: 85%;
                margin: 0 auto;
            }

    /*FLEXBOX CLASSES*/

        /*ROWS*/

            .flex-row-start-start {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-start;
            }

            .flex-row-start-stretch {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: stretch;
            }

            .flex-row-end-stretch {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: stretch;
            }

            .flex-row-start-center {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: center;
            }

            .flex-row-end-end {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: flex-end;
            }

            .flex-row-between-start {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start;
            }

            .flex-rowreverse-between-start {
                display: flex;
                flex-direction: row-reverse;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start;
            }

            .flex-row-between-center {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
            }

            .flex-row-between-stretch {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch;
            }

            .flex-rowreverse-between-stretch {
                display: flex;
                flex-direction: row-reverse;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch;
            }

            .flex-row-center-center {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }

            .flex-row-between-end {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-end;
            }

        /*COLUMNS*/

            .flex-col-start-start {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-start;
            }

            .flex-col-end-center {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: center;
            }

            .flex-col-center-end {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-items: flex-end;
            }

            .flex-col-center-center {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }

            .flex-col-center-start {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
                align-items: flex-start;
            }

            .flex-col-between-center {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
            }

            .flex-col-end-end {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: flex-end;
            }

            .flex-col-end-start {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: flex-start;
            }

            .flex-col-start-end {
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-items: flex-end;
            }

/*TYPOGRAPHY & GLOBALS*/

    /*PARAGRAPHS & LINKS*/

        p {
            margin: 0px;
            transition: .15s ease-out;
        }

        p,
        a {
            font-display: swap;
        }

    /*HEADINGS & COPY*/

        .title {
            font-family: var(--title-font-family);
            font-size: var(--title-font-size);
            font-weight: var(--title-font-weight);
            letter-spacing: var(--title-font-letterspacing);
            line-height: var(--title-font-lineheight);
        }

        .subtitle {
            font-family: var(--subtitle-font-family);
            font-size: var(--subtitle-font-size);
            font-weight: var(--subtitle-font-weight);
            letter-spacing: var(--subtitle-font-letterspacing);
            line-height: var(--subtitle-font-lineheight);
        }

        .heading {
            font-family: var(--heading-font-family);
            font-size: var(--heading-font-size);
            font-weight: var(--heading-font-weight);
            letter-spacing: var(--heading-font-letterspacing);
            line-height: var(--heading-font-lineheight);
        }

        .subheading {
            font-family: var(--subheading-font-family);
            font-size: var(--subheading-font-size);
            font-weight: var(--subheading-font-weight);
            letter-spacing: var(--subheading-font-letterspacing);
            line-height: var(--subheading-font-lineheight);
        }

        .copy,
        p {
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
            font-weight: var(--copy-font-weight);
            letter-spacing: var(--copy-font-letterspacing);
            line-height: var(--copy-font-lineheight);
        }

    /*WEBKIT SCROLLBARS*/

        /*SET TRACK WIDTH*/

            body::-webkit-scrollbar {
                width: var(--scrollbar-width);
            }

        /*SET TRACK COLOUR*/

            body::-webkit-scrollbar-track {
                background: var(--scrollbar-track-bg);
            }

        /*SET THUMB COLOUR*/

            body::-webkit-scrollbar-thumb {
                background: var(--scrollbar-thumb-bg);
            }


            
/* ==========================================================================
   5. COMPONENTS
   ========================================================================== */

/*GRID LISTS*/

    /*BASIC GRID*/

        .grid-basic-list {
            display: grid;
            grid-gap: 25px;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            justify-content: start;
            align-items: start;
            vertical-align: top;
        }

    /*CENTERED GRID*/

        .grid-centered-list {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: stretch;
        }

        /*LIST ITEMS*/

            .list-items-2 .centered-list-item {
                width: calc(50% - 50px);
            }

            .list-items-3 .centered-list-item {
                width: 33.333%;
                border-right: 1px solid #FFF;
                text-align: center;
            }

            .list-items-3 .centered-list-item:last-of-type {
                border-right: none;
            }

            .list-items-4 .centered-list-item {
                width: calc(25% - 50px);
            }

/*SLIDERS*/

    /*SWIPER CONTROLS*/

        .component-swiper-controls {
            margin-top: 15px;
        }

        .component-swiper-controls .arrow-left,
        .component-swiper-controls .arrow-right {
            margin-right: 25px;
            cursor: pointer;
        }

/*VIDEO PLAYERS*/

    /*POSTER IMAGES*/

        .vjs-poster img {
            object-fit: cover !important;
        }

    /*MATCHPLAY THEME CUSTOMIZATION*/

        .matchplay-video-player-theme {
            position: relative;
        }

        /*BIG PLAY BUTTON*/

            .matchplay-video-player-theme .vjs-big-play-button {
                transform: translate(-50%, -50%);
                margin-top: 0px;
                margin-left: 0px;
                width: 64px;
                height: 64px;
                background-image: url('/wp-content/uploads/2025/02/play-button.png');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                border: none;
                background-color: transparent;
            }

            @media (hover: hover) and (pointer: fine) {

                .matchplay-video-player-theme .vjs-big-play-button:focus,
                .matchplay-video-player-theme:hover .vjs-big-play-button {
                    background-color: transparent;
                    background-image: url('/wp-content/uploads/2025/02/play-button-white.png');
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;
                }

            }

        /*HIDE DEFAULT ICON*/

            .matchplay-video-player-theme .vjs-big-play-button .vjs-icon-placeholder {
                display: none;
            }

        /*CONTROL BAR*/

            .matchplay-video-player-theme .vjs-control-bar {
                background: rgba(252, 194, 14, 0.5);
                margin-bottom: 0px;
                padding-left: 1em;
                padding-right: 1em;
            }

        /*PROGRESS BAR*/

            .matchplay-video-player-theme .vjs-slider {
                background-color: #2F2F2F;
            }

            .matchplay-video-player-theme .vjs-load-progress {
                background: #474747;
            }

            .matchplay-video-player-theme .vjs-play-progress:before {
                display: none;
            }

/*BUTTONS*/

    /*SPACING FOR MULTIPLE BUTTONS*/

        .buttons .primary-button:not(:first-of-type),
        .buttons .fancy-button-holder:not(:first-of-type) {
            margin-left: 25px;
        }

    /*PADDED BUTTONS*/

        .buttons.padding-enabled .primary-button {
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 30px;
            padding-right: 30px;
        }

    /*ICONS WITHIN BUTTONS*/

        .buttons .primary-button .button-icon {
            margin-right: 15px;
        }

/*MAPS*/

    /*STANDARD MAP HEIGHT*/

        .map {
            position: relative;
            object-fit: cover;
            min-height: 450px;
            height: 100%;
            z-index: 25;
        }

/*ACCORDIONS*/

    /*PADDING & LAYOUT*/

        .accordion summary,
        .accordion .copy {
            padding: 15px;
        }

        .accordion summary {
            display: flex;
            cursor: pointer;
        }

/*UNORDERED LISTS*/

    /*BULLET STYLING*/

        .unordered-list ul {
            margin-left: 24px;
            list-style-position: inside;
            list-style-type: disc;
        }

        .unordered-list ul li {
            margin-bottom: 10px;
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
        }

/*IMAGE WITH HOVER CONTENT*/

    /*CONTAINER*/

        .image-with-hover-content-holder {
            position: relative;
            overflow: hidden;
        }

    /*BACKGROUND FADE*/

        .image-with-hover-content-holder .bg-fade {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 1s ease;
            z-index: 0;
        }

        @media (hover: hover) and (pointer: fine) {

            .image-with-hover-content:hover .bg-fade {
                opacity: 1;
            }

        }

    /*CLIP WRAPPER*/

        .image-with-hover-content .clip-wrapper {
            position: relative;
            overflow: hidden;
            height: auto;
        }

    /*INNER CONTENT*/

        .image-with-hover-content .inner-content {
            position: relative;
            transition: transform 1s ease;
            will-change: transform;
            z-index: 1;
            display: flex;
            flex-direction: column;
        }

        .image-with-hover-content .inner-content .subheading {
            margin-bottom: 15px;
        }

/*TABLES*/

    /*RESPONSIVE CONTAINER*/

        .table-external-container {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            overflow-x: auto !important;
            overflow-y: hidden;
            position: relative;
            -webkit-overflow-scrolling: touch;
            border: 1px solid #dddddd;
            margin-bottom: 25px;
        }

        .table-external-container::-webkit-scrollbar {
            height: 10px;
            background-color: #FFF;
        }

        .table-external-container::-webkit-scrollbar-thumb {
            background-color: #906241;
        }

    /*GRID SETUP*/

        .table-grid-main {
            display: grid;
            grid-template-columns: repeat(var(--total-cols), minmax(200px, 1fr));
            background-color: #dddddd;
            gap: 1px;
            width: max-content !important;
            min-width: 100%;
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
        }

    /*ROWS & COLUMNS*/

        .table-row {
            display: contents;
        }

        .table-column {
            background-color: #ffffff;
            padding: 1rem;
            display: flex;
            text-align: left;
            align-items: center;
            position: relative;
            flex-shrink: 0;
            word-break: break-word;
        }

    /*HEADERS & STICKY COLUMNS*/

        .table-row-header .table-column {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 20;
            background-color: #f2f2f2;
            font-weight: bold;
        }

        .is-first-column {
            position: -webkit-sticky;
            position: sticky;
            left: 0;
            z-index: 30;
            border-right: 1px solid #dddddd;
        }

        .table-row-header .is-first-column {
            z-index: 40;
            background-color: #f2f2f2;
        }

    /*STRIPING*/

        .table-row-body:nth-child(odd) .table-column {
            background-color: #f6f1e9;
        }

        .table-row-body:nth-child(even) .table-column {
            background-color: #fff;
        }

/*IMAGE LINK WITH TEXT*/

    /*CONTAINER*/

        .image-link-with-text {
            position: relative;
            display: block;
            padding-top: 250px;
            padding-left: 25px;
            padding-bottom: 25px;
            padding-right: 25px;
        }

    /*OVERLAY*/

        .image-link-with-text .overlay {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.75);
            z-index: 10;
            transition: .15s ease;
        }

        @media (hover: hover) and (pointer: fine) {

            .image-link-with-text:hover .overlay {
                background-color: rgba(0, 0, 0, 0.5);
                transition: .15s ease;
            }

            .image-link-with-text:hover .image-link {
                color: #4c8B9E;
            }

        }

    /*CONTENT*/

        .image-link-with-text .image-link-content {
            position: relative;
            z-index: 20;
        }

        .image-link-with-text .heading,
        .image-link-with-text .image-link {
            color: #FFF;
        }

/* ==========================================================================
   6. LAYOUT BLOCKS
   ========================================================================== */

/*SIMPLE LAYOUT*/

    /*ALIGNMENTS*/

        .simple-layout.left-align {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
        }

        .simple-layout.center-align {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .simple-layout.right-align {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: flex-end;
            text-align: right;
        }

    /*BUTTON ALIGNMENTS*/

        .simple-layout.center-align .buttons {
            justify-content: center !important;
            align-items: center !important;
        }

        .simple-layout.right-align .buttons {
            justify-content: flex-end !important;
            align-items: flex-end !important;
        }

/*DRAWINGS*/

.layout-split-slider {
    position: relative;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: flex;
    overflow: hidden;
    background-color: #EFEBE1;
}

.split-text-col {
    position: relative;
    width: 50%;
    height: 100%;
    background-color: #EFEBE1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.split-text-col::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 100%;
    background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
    background-size: 14px 14px;
    background-repeat: repeat-y;
    opacity: 0.15;
    mix-blend-mode: multiply;
    pointer-events: none;
    border-right: 1px solid rgba(43, 40, 36, 0.2);
}

.split-marginalia {
    position: absolute;
    left: 2vw;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    writing-mode: vertical-rl;
    font-family: monospace;
    font-size: 10px;
    letter-spacing: 4px;
    color: rgba(43, 40, 36, 0.4);
    text-transform: uppercase;
    pointer-events: none;
}

.split-text-track {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 600px;
    padding: 0 10vw 0 6vw;
}

.split-text-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10vw 0 6vw;
    opacity: 0;
    visibility: hidden;
    will-change: transform, opacity;
}

.split-text-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.split-text-inner .title {
    color: #9D0D0D;
    font-size: clamp(40px, 5vw, 80px);
    line-height: 0.9;
    margin: 0 0 15px 0;
}

.split-text-inner .subtitle {
    color: #2b2824;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0 0 30px 0;
}

.split-amenities {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 30px 0;
}

.split-amenities li {
    font-family: monospace;
    font-size: 12px;
    font-weight: 700;
    color: #2b2824;
    border: 1px solid rgba(43, 40, 36, 0.3);
    padding: 8px 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.split-text-inner .copy {
    color: #2b2824;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.split-availability {
    color: #9D0D0D;
    margin: 0;
    font-family: monospace;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 20px;
    border-top: 1px dashed rgba(43, 40, 36, 0.3);
    width: 100%;
}

.split-controls {
    position: absolute;
    bottom: 5vh;
    left: 6vw;
    display: flex;
    gap: 15px;
    z-index: 20;
}

.split-controls .custom-arrow {
    width: 50px;
    height: 50px;
    min-width: 50px;
    padding: 0;
}

.split-img-col {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    z-index: 5;
}

.split-img-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.split-img-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    will-change: transform;
}

.split-layer-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

@media (max-width: 1000px) {
    
    .layout-split-slider {
        display: flex;
        flex-direction: column;
        height: auto !important;
        overflow: visible;
        background-color: #EFEBE1;
    }
    
    /* 1. Flatten the DOM hierarchy so slides become direct children of the flex container */
    .split-text-col, 
    .split-text-track,
    .split-img-col, 
    .split-img-track {
        display: contents;
    }
    
    /* 2. Hide the controls, marginalia, and decorative lines */
    .split-controls, 
    .split-marginalia, 
    .split-text-col::after {
        display: none !important;
    }
    
    /* 3. Force slides into normal document flow and override GSAP's inline styles */
    .split-text-slide, 
    .split-img-slide {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
    
    .split-img-slide {
        height: 45vh !important;
        min-height: 350px !important;
    }
    
    /* Force the full color photo to show on mobile instead of the sketch */
    .split-layer-photo {
        opacity: 1 !important;
    }
    
    .split-text-slide {
        padding: 40px 5vw 80px 5vw !important;
        align-items: flex-start;
    }
    
    .split-text-inner .title {
        font-size: 32px;
        margin: 0 0 10px 0;
    }
    
    .split-text-inner .copy {
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    /* 4. Interleave the text and images using flex order */
    .split-img-slide:nth-child(1) { order: 1; }
    .split-text-slide:nth-child(1) { order: 2; }
    
    .split-img-slide:nth-child(2) { order: 3; }
    .split-text-slide:nth-child(2) { order: 4; }
    
    .split-img-slide:nth-child(3) { order: 5; }
    .split-text-slide:nth-child(3) { order: 6; }
    
    .split-img-slide:nth-child(4) { order: 7; }
    .split-text-slide:nth-child(4) { order: 8; }
    
    .split-img-slide:nth-child(5) { order: 9; }
    .split-text-slide:nth-child(5) { order: 10; }
}

/*COURSE VIDEO SLIDER*/

    /*BASE ACCESSIBILITY & BEHAVIORS*/

        .custom-course-slider-block:focus-visible {
            outline: 2px dashed #a42020;
            outline-offset: -4px;
        }

        .custom-slider-viewport {
            scroll-behavior: auto !important;
        }

    /*TRACK & SLIDES*/

        .custom-slider-track {
            display: flex;
            gap: 80px;
            width: max-content;
            padding: 0 5vw;
            will-change: transform;
            cursor: grab;
            scroll-behavior: auto !important;
        }

        .custom-slider-track:active {
            cursor: grabbing;
        }

        .custom-slide {
            width: auto;
            opacity: 0.3;
            transition: opacity 0.5s ease;
            position: relative;
            flex-shrink: 0;
            padding-right: 80px;
            border-right: 1px dashed rgba(164, 32, 32, 0.3);
        }

        .custom-slide:last-child {
            padding-right: 0;
            border-right: none;
        }

        .custom-slide.is-active {
            opacity: 1;
        }

    /*SLIDE LAYOUT*/

        .custom-course-slider-block .slide-layout {
            display: flex;
            align-items: center;
            gap: 40px;
        }

        .custom-course-slider-block .slide-media {
            width: 380px;
            flex-shrink: 0;
        }

        .custom-course-slider-block .slide-content {
            width: 320px;
            flex-shrink: 0;
        }

        .custom-course-slider-block .heading {
            font-size: 3.5rem;
            color: #a42020;
            margin-bottom: 0.2rem;
            font-family: var(--title-font-family);
        }

        .custom-course-slider-block .subtitle {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 1.5rem;
            color: #a42020;
        }

        .custom-course-slider-block .copy {
            font-size: 1rem;
            line-height: 1.5;
            color: #333;
        }

    /*IMAGE & THUMBNAIL TRIGGERS*/

        .flyover-trigger {
            appearance: none;
            background: transparent;
            border: none;
            padding: 0;
            cursor: pointer;
            width: 100%;
            transition: transform 0.2s ease;
        }

        .flyover-trigger:focus-visible {
            outline: 3px dashed #a42020;
            outline-offset: 4px;
            transform: scale(0.98);
        }

        .custom-course-slider-block .image-wrapper {
            position: relative;
            width: 100%;
            aspect-ratio: 4 / 5;
            overflow: hidden;
        }

        .custom-course-slider-block .image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    /*MAIN ARROWS*/

        .custom-arrow {
            min-width: 60px;
            height: 60px;
            padding: 0 17px;
            border-radius: 30px;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            border: 1px solid #9D0D0D;
            color: #2b2824;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            cursor: pointer;
            box-shadow: 0px 3px 0px #9D0D0D, 0px 6px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease, width 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
        }

        @media (hover: hover) and (pointer: fine) {
            .custom-arrow:hover:not(.disabled) {
                color: #9D0D0D;
            }
        }

        .custom-arrow:active:not(.disabled) {
            transform: translateY(3px);
            box-shadow: 0px 0px 0px #9D0D0D, 0px 2px 4px rgba(0, 0, 0, 0.1);
        }

        .custom-arrow:focus-visible {
            outline: 2px dashed #9D0D0D;
            outline-offset: 4px;
        }

        .custom-arrow.disabled {
            opacity: 0.25;
            pointer-events: none;
        }

        .custom-arrow svg {
            transition: transform 0.4s ease;
            flex-shrink: 0;
        }

        .arrow-right .return-text,
        .modal-arrow-right .return-text {
            display: none;
            font-family: monospace;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 1px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .arrow-right.is-return .return-text,
        .modal-arrow-right.is-return .return-text {
            display: inline-block;
            opacity: 1;
            color: #9D0D0D; /* Pops nicely against the paper background */
        }

        .arrow-right.is-return svg,
        .modal-arrow-right.is-return svg {
            transform: rotate(180deg);
        }

    /*QUICK NAVIGATION*/

        .quick-nav-container {
            margin-top: 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            z-index: 20;
        }

        .quick-nav-toggle {
            background: transparent;
            border: 1px solid transparent;
            color: #a42020;
            font-family: monospace;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 2px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 20px;
            border-radius: 20px;
            transition: all 0.3s ease;
        }

        .quick-nav-toggle:hover,
        .quick-nav-toggle[aria-expanded="true"] {
            border-color: rgba(164, 32, 32, 0.2);
            background: rgba(164, 32, 32, 0.05);
        }

        .quick-nav-toggle:focus-visible {
            outline: 2px dashed #a42020;
            outline-offset: 4px;
        }

        .quick-nav-toggle svg {
            transition: transform 0.4s ease;
        }

        .quick-nav-toggle[aria-expanded="true"] svg {
            transform: rotate(180deg);
        }

        .quick-nav-list-wrapper {
            width: 100%;
            max-width: 600px;
            height: 75px;
            position: relative;
            margin-top: 10px;
        }

        .quick-nav-list {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 15px;
            width: 100%;
            height: 100%;
            padding: 0 20px;
            overflow-x: auto;
            overflow-y: hidden;
            opacity: 0;
            pointer-events: none;
            transform: translateY(-15px);
            visibility: hidden;
            transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .quick-nav-container:has(.quick-nav-toggle[aria-expanded="true"]) .quick-nav-list {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
            visibility: visible;
        }

        .quick-nav-list::-webkit-scrollbar {
            display: none;
        }

        .quick-nav-btn {
            flex-shrink: 0;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            border: 1px dashed rgba(164, 32, 32, 0.3);
            background: transparent;
            color: #a42020;
            font-family: monospace;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .quick-nav-btn:hover,
        .quick-nav-btn:focus-visible {
            background: rgba(164, 32, 32, 0.1);
            border-color: #a42020;
            outline: none;
            transform: scale(1.1);
        }

        .quick-nav-btn.is-active {
            background: #a42020;
            color: #EFEBE1;
            border: 1px solid #a42020;
        }

        .quick-nav-list .quick-nav-btn:first-child {
            margin-left: auto;
        }

        .quick-nav-list .quick-nav-btn:last-child {
            margin-right: auto;
        }

    /*FULLSCREEN VIDEO MODAL*/

        .fullscreen-video-modal {
            position: fixed;
            inset: 0;
            width: 100vw;
            height: 100vh;
            height: 100dvh;
            max-width: none;
            max-height: none;
            border: none;
            background: transparent;
            padding: 0;
            margin: 0;
            overflow: hidden;
        }

        .modal-video-wrapper {
            position: fixed;
            z-index: 1;
            background: #000;
            overflow: hidden;
        }

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

        .modal-ui {
            position: absolute;
            inset: 0;
            z-index: 2;
            pointer-events: none;
            opacity: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 2rem;
        }

        .modal-ui::before {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: -1;
            background: radial-gradient(
                ellipse at center, 
                transparent 50%, 
                rgba(26, 15, 10, 0.3) 80%, 
                rgba(15, 8, 5, 0.85) 100%
            );
        }

        .modal-marginalia {
            position: absolute;
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 4px;
            color: rgba(239, 235, 225, 0.35);
            text-transform: uppercase;
            writing-mode: vertical-rl;
            text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
            overflow: hidden; /* Acts as the mechanical window casing */
            padding: 0 6px; /* Prevents the text-shadow from being clipped */
        }

        .marginalia-inner {
            display: block;
            will-change: transform, opacity;
        }

        .modal-marginalia.marginalia-left {
            left: 1vw;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
        }

        .modal-marginalia.marginalia-right {
            right: 1vw;
            top: 50%;
            transform: translateY(-50%);
        }

    /*STAMP INDICATOR*/

        .modal-hole-indicator {
            position: absolute;
            top: 2rem;
            left: 3vw;
            width: 90px;
            height: 90px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            z-index: 10;
            filter: drop-shadow(3px 6px 12px rgba(0, 0, 0, 0.4));
        }

        .indicator-bg {
            position: absolute;
            inset: 0;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            z-index: -1;
        }

        .indicator-bg::after {
            content: '';
            position: absolute;
            inset: 4px;
            border: 1px dashed rgba(157, 13, 13, 0.4);
            pointer-events: none;
        }

        .indicator-word {
            font-family: monospace;
            font-size: 11px;
            color: rgba(43, 40, 36, 0.7);
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 4px;
            margin-right: -4px;
            margin-bottom: 2px;
        }

        .indicator-number {
            font-family: var(--title-font-family);
            font-size: 36px;
            font-weight: 700;
            color: #9D0D0D;
            line-height: 1;
        }

    /*MODAL CONTROLS*/

        /* Textured Paper Typewriter Keys */
        .modal-close,
        .fullscreen-video-modal .video-audio-toggle,
        .modal-arrow {
            pointer-events: auto;
            appearance: none;
            background-color: #EFEBE1 !important;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg') !important;
            background-size: cover !important;
            background-position: center !important;
            background-blend-mode: multiply !important;
            border: 1px solid rgba(43, 40, 36, 0.8) !important;
            color: #2b2824 !important;
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            backdrop-filter: none !important;
            box-shadow: 0px 3px 0px rgba(43, 40, 36, 0.8), 0px 6px 12px rgba(0, 0, 0, 0.15) !important;
            transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
        }

        @media (hover: hover) and (pointer: fine) {
            .modal-close:hover,
            .fullscreen-video-modal .video-audio-toggle:hover,
            .modal-arrow:hover:not(.disabled) {
                color: #9D0D0D !important;
            }
        }

        .modal-close:active,
        .fullscreen-video-modal .video-audio-toggle:active,
        .modal-arrow:active:not(.disabled) {
            transform: translateY(3px) !important;
            box-shadow: 0px 0px 0px rgba(43, 40, 36, 0.8), 0px 2px 4px rgba(0, 0, 0, 0.1) !important;
        }

        .fullscreen-video-modal .video-audio-toggle {
            padding: 0 20px;
            height: 40px;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 1px;
            font-size: 10px;
            text-transform: uppercase;
        }

        .modal-close {
            width: 60px;
            height: 60px;
            align-self: flex-end;
        }

        .modal-nav {
            display: flex;
            justify-content: space-between;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            padding: 0 3vw;
            pointer-events: none;
        }

    /*TORN SCRAP HUD*/

        .modal-hud-scrap {
            position: absolute;
            bottom: 40px;
            left: 0;
            right: 0;
            margin: 0 auto; /* Dead-center alignment */
            width: 90vw;
            max-width: 500px;
            z-index: 10;
            pointer-events: none;
            visibility: hidden;
            filter: drop-shadow(3px 8px 15px rgba(0, 0, 0, 0.4));
            display: flex;
            flex-direction: column;
        }

        .scrap-bg {
            position: absolute;
            inset: 0;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            z-index: -1;
        }

        .scrap-bg::after {
            content: '';
            position: absolute;
            inset: 6px;
            border: 1px dashed rgba(157, 13, 13, 0.3);
            pointer-events: none;
        }

        .scrap-content {
            padding: 20px 30px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20px;
        }

        .scrap-stats {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: 6px;
            font-family: monospace;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #9D0D0D;
            flex-shrink: 0;
        }

        .scrap-stats .scrap-stat-row {
            display: flex;
            justify-content: space-between;
            gap: 12px;
        }

        .scrap-stats .scrap-value {
            color: #2b2824;
        }

        .scrap-tip-wrapper {
            padding-left: 20px;
            border-left: 1px solid rgba(186, 57, 57, 0.45);
            width: 100%;
            font-family: "Playfair Display", serif;
            font-size: 18px;
            font-weight: 400;
            font-style: italic;
            line-height: 1.4;
            color: #4a453f;
            text-transform: none;
            text-align: left; /* Ensures the typewriter effect reads naturally */
        }

        .mechanical-cursor.hud-cursor {
            width: 10px;
            height: 16px;
            background-color: #2b2824;
            opacity: 0;
        }

        .modal-hud-scrap.has-no-tip {
            width: max-content; /* Shrinks the paper down to fit the content */
            min-width: 250px;   /* Keeps it from looking too tiny */
        }

        .modal-hud-scrap.has-no-tip .scrap-content {
            justify-content: center;
        }

        .modal-hud-scrap.has-no-tip .scrap-stats {
            flex-direction: row; /* Pops YDS and PAR back side-by-side */
            align-items: center;
            gap: 25px;
        }

        .modal-hud-scrap.has-no-tip .scrap-tip-wrapper {
            display: none;
        }
        
        @media (max-width: 900px) {
            .modal-marginalia {
                display: none !important;
            }

            .modal-hud-scrap {
                bottom: 100px;
                width: 85vw;
            }
            .scrap-content {
                flex-direction: column;
                padding: 15px 20px;
                gap: 12px;
            }
            .scrap-stats {
                flex-direction: row;
                width: 100%;
                justify-content: center;
                gap: 15px;
                font-size: 14px;
            }
            .scrap-tip-wrapper {
                padding-left: 0;
                padding-top: 12px;
                border-left: none;
                border-top: 1px solid rgba(186, 57, 57, 0.45);
                font-size: 16px;
            }
        }

    /*MOBILE ADJUSTMENTS*/

        @media (max-width: 900px) {
            
            .custom-course-slider-block .slide-layout { 
                flex-direction: column; 
                gap: 20px; 
            }
            
            .custom-course-slider-block .slide-media, 
            .custom-course-slider-block .slide-content { 
                width: 100%; 
            }
            
            .custom-slider-track { 
                gap: 40px; 
                padding: 0 10vw; 
            }
            
            .custom-slide { 
                width: 80vw; 
                padding-right: 0; 
                border-right: none; 
            }
            
            .quick-nav-list-wrapper { 
                max-width: 90vw; 
            }
            
            .modal-arrow { 
                width: 50px; 
                height: 50px; 
                min-width: 50px; 
                padding: 0; 
            }
            
            .modal-arrow.is-return {
                width: auto;
                padding: 0 15px;
            }

            .modal-hole-indicator { 
                top: 1.5rem; 
                left: 1.5rem; 
                width: 70px; 
                height: 70px; 
            }
            
            .indicator-word { 
                font-size: 9px; 
                margin-bottom: 0px; 
            }
            
            .indicator-number { 
                font-size: 28px; 
            }

            .custom-course-slider-block .custom-slider-controls {
                top: calc(100px + 100vw) !important; 
                padding: 0 10vw !important;
            }

            .custom-course-slider-block .custom-arrow.arrow-left {
                transform: translateX(-50%);
            }
            
            .custom-course-slider-block .custom-arrow.arrow-right {
                transform: translateX(50%);
            }

            .custom-course-slider-block .custom-arrow.arrow-right.is-return {
                transform: translateX(min(50%, calc(10vw - 15px)));
            }

        }
        
/*PANELS*/

    /*PANEL HOLDER*/

        .panels .panel {
            position: relative;
            height: 100vh;
            height: 100svh;
        }

    /*ALIGNMENTS*/

        .panels.left-align .panel .center {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .panels.center-align .panel .center {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .panels.right-align .panel .center {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: flex-end;
        }

/*SIDE SCROLL*/

    /*MAIN HOLDER*/

        .side-scroll {
            height: 100vh;
            height: 100svh;
            position: relative;
            overflow: hidden;
        }

        .side-scroll-holder {
            display: flex;
            flex-wrap: nowrap;
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

    /*ARTICLES*/

        .side-scroll-holder article {
            position: relative;
            flex: 0 0 100vw;
            min-height: 100vh;
            min-height: 100svh;
        }

        .side-scroll-holder article .background-overlay {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            background: linear-gradient(
                to bottom,
                rgba(0, 0, 0, 0) 0%,
                rgba(0, 0, 0, 0.1) 40%,
                rgba(0, 0, 0, 0.5) 70%,
                rgba(0, 0, 0, 0.9) 100%
            );
            z-index: 12;
            pointer-events: none;
        }

    /*CONTENT STACK*/

        .side-scroll-content-stack {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 50;
            pointer-events: none;
            display: block;
        }

        .side-scroll-content-stack .content-item {
            position: absolute;
            left: 100px;
            bottom: 150px;
            width: calc(100% - 200px);
            opacity: 0;
            visibility: hidden;
        }

        .side-scroll-content-stack .content-item.is-initial {
            opacity: 1;
            visibility: visible;
        }

    /*CONTENT ALIGNMENTS*/

        .side-scroll-content-stack .content-item.left-align {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
        }

        .side-scroll-content-stack .content-item.center-align {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .side-scroll-content-stack .content-item.right-align {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            text-align: right;
        }

    /*ANIMATION MASKS*/

        .anim-mask-title,
        .anim-mask-copy,
        .anim-mask-logo {
            overflow: hidden;
            display: block;
            margin-bottom: 10px;
            position: relative;
        }

        .anim-mask-title .subtitle,
        .anim-mask-copy .copy,
        .anim-mask-logo img {
            display: block;
            margin: 0;
        }

        .side-scroll-content p {
            color: #FFF;
            max-width: 60ch;
        }

    /*NAVIGATION*/

        .side-scroll-nav {
            position: absolute;
            bottom: 50px;
            left: 0;
            width: 100%;
            display: flex;
            padding: 0 100px;
            gap: 30px;
            z-index: 100;
            box-sizing: border-box;
        }

        .side-scroll-nav .nav-item {
            flex: 1;
            cursor: pointer;
            pointer-events: auto;
            display: flex;
            flex-direction: column;
        }

        .side-scroll-nav .progress-bar-wrap {
            width: 100%;
            height: 2px;
            background: rgba(255, 255, 255, 0.2);
            position: relative;
        }

        .side-scroll-nav .progress-bar-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0%;
            background: #FFF;
        }

        .side-scroll-nav .nav-item p.nav-title {
            color: #FFF;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.1em;
            opacity: 0.4;
            margin-top: 15px;
            transition: opacity 0.3s ease;
        }

        .side-scroll-nav .nav-item p.nav-title.is-active {
            opacity: 1;
        }

    /*MOBILE CONTENT*/

        .mobile-slide-content {
            display: none;
        }

/*STICKY IMAGE*/

    /*IMAGE HOLDER*/

        .sticky-images .images {
            position: sticky;
            top: 0px;
            width: 50%;
            height: 100vh;
            height: 100svh;
        }

        .sticky-images .images aside {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
        }

    /*ARTICLES LIST*/

        .sticky-images .articles {
            width: 50%;
            padding: 100px;
        }

        .sticky-images .articles article {
            height: 100vh;
            height: 100svh;
        }

        .sticky-images .articles article .copy {
            max-width: 60ch;
        }

/*HALF AND HALF*/

    /*HALVES*/

        .half-and-half .half {
            position: relative;
            width: 50%;
        }

        .half-and-half .half .half-content {
            position: relative;
            z-index: 15;
        }

/*BLOG GRID*/

    /*TAGS*/

        .blog-tags {
            padding-top: 25px;
            padding-bottom: 10px;
        }

        .blog-tags .post-tag {
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
            border: 1px solid rgba(0, 0, 0, 0.5);
            border-radius: 5px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-right: 15px;
            margin-bottom: 15px;
            cursor: pointer;
        }

        .blog-tags .post-tag:last-of-type {
            margin-right: 0px;
        }

    /*GRID STRUCTURE*/

        .blog-grid-holder {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: repeat(4, 1fr);
            gap: 25px;
        }

        .blog-grid article.post:nth-of-type(1) {
            grid-column: span 3 / span 3;
            grid-row: span 2 / span 2;
        }

        .blog-grid article.post:nth-of-type(2) {
            grid-column: span 2 / span 2;
            grid-row: span 3 / span 3;
            grid-column-start: 4;
        }

        .blog-grid article.post:nth-of-type(3) {
            grid-column: span 2 / span 2;
            grid-row: span 3 / span 3;
            grid-row-start: 3;
        }

        .blog-grid article.post:nth-of-type(4) {
            grid-row: span 3 / span 3;
            grid-column-start: 3;
            grid-row-start: 3;
        }

        .blog-grid article.post:nth-of-type(5) {
            grid-column: span 2 / span 2;
            grid-row: span 2 / span 2;
            grid-column-start: 4;
            grid-row-start: 1;
        }

    /*POST STYLING*/

        .blog-grid article .post-image {
            padding: 25px;
            height: 300px;
        }

        .blog-grid article .post-title {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 5px;
            padding-bottom: 5px;
            transition: .25s;
        }

/*COURSE SLIDER*/

    /*SLIDES*/

        .course-slider .slide {
            width: 85%;
            border-radius: 25px;
        }

        .course-slider .slide .slide-media {
            position: relative;
            width: 45%;
            min-height: 500px;
        }

        .course-slider .slide .media-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            z-index: 15;
        }

        .course-slider .slide .slide-content {
            width: 55%;
            padding: 50px;
        }

    /*CONTROLS*/

        .course-slider .swiper-controls {
            margin-top: 50px;
        }

        .course-slider .swiper-controls .arrow-left {
            margin-right: 25px;
        }

        .course-slider .swiper-controls .nav-arrow {
            width: 25px;
            cursor: pointer;
        }

/* ==========================================================================
   9. BOOKING FORM
   ========================================================================== */

/*FORM WRAPPERS & GLOBALS*/

    /*MAIN CONTAINERS*/

        .tr-folio-wrapper {
            display: flex;
            gap: 5vw;
            width: 100%;
            align-items: flex-start;
        }

        .tr-folio-workspace {
            width: 60%;
            display: flex;
            flex-direction: column;
            transition: min-height 0.3s ease;
        }

    /*REQUIRED ASTERISKS*/

        .required-asterisk::after {
            content: " *";
            color: #9D0D0D;
        }

/*FORM BLOCKS*/

    /*BLOCK SPACING & ANIMATION*/

        .tr-folio-block {
            width: 100%;
            margin-bottom: 80px;
            opacity: 0;
            transform: translateY(30px);
            will-change: transform, opacity;
            position: relative;
        }

        .tr-folio-block.is-elevated {
            z-index: 100;
        }
        
        .tr-folio-block:last-of-type {
            margin-bottom: 0;
        }

    /*COMPLETION STAMP*/

        .tr-block-bg-stamp {
            position: absolute;
            bottom: 20px;
            right: 20px;
            font-family: "Courier New", Courier, monospace;
            font-size: min(8vw, 120px);
            font-weight: 900;
            color: #9D0D0D;
            mix-blend-mode: multiply;
            opacity: 0;
            transform: scale(1.1) rotate(-5deg);
            z-index: -1;
            pointer-events: none;
            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;
            white-space: nowrap;
        }

        .tr-block-bg-stamp.is-complete {
            opacity: 0.12;
            transform: scale(1) rotate(-15deg);
        }

        @media (prefers-reduced-motion: reduce) {

            .tr-block-bg-stamp {
                transition: none;
            }

        }

    /*STEP HEADERS*/

        .tr-folio-step-header {
            margin-bottom: 30px;
            border-bottom: 2px solid rgba(157, 13, 13, 0.4);
            padding-bottom: 15px;
            position: relative;
        }
        
        .tr-folio-step-header h2:focus {
            outline: none;
        }

/*INPUTS & CONTROLS*/

    /*GRID LAYOUT*/

        .tr-folio-form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
            margin-bottom: 25px;
        }

        .tr-folio-input-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
            position: relative;
        }

        .tr-folio-full-width {
            grid-column: 1 / -1;
        }

    /*LABELS*/

        .tr-folio-input-group label {
            font-family: monospace;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #9D0D0D;
            text-transform: uppercase;
            cursor: pointer;
            transition: color 0.3s ease;
        }

    /*INPUT FIELDS*/

        .tr-folio-wrapper input[type="date"],
        .tr-folio-wrapper input[type="text"],
        .tr-folio-wrapper input[type="tel"],
        .tr-folio-wrapper input[type="email"],
        .tr-folio-wrapper select,
        .tr-folio-wrapper textarea {
            background-color: #EFEBE1;
            border: 1px solid rgba(43, 40, 36, 0.4);
            padding: 15px;
            font-family: "Playfair Display", serif;
            font-size: 18px;
            color: #2b2824;
            border-radius: 0;
            outline: none;
            transition: border-color 0.2s ease, background-color 0.2s ease;
            width: 100%;
            box-sizing: border-box;
            resize: vertical;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }
        
        .tr-folio-wrapper select {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239D0D0D%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            background-position: right 15px top 50%;
            background-size: 12px auto;
            padding-right: 40px;
        }

    /*INPUT STATES*/

        .tr-folio-wrapper input:focus,
        .tr-folio-wrapper select:focus,
        .tr-folio-wrapper textarea:focus {
            border-color: #9D0D0D;
        }

        .tr-folio-wrapper .error-pulse {
            border-color: #9D0D0D !important;
            background-color: rgba(157, 13, 13, 0.05) !important;
        }

    /*DISCLAIMERS & EMPTY STATES*/

        .tr-folio-disclaimer {
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 2px;
            color: rgba(43, 40, 36, 0.6);
            text-transform: uppercase;
            margin-top: 20px;
            margin-bottom: 0;
            transition: color 0.3s ease, opacity 0.3s ease;
        }
        
        .tr-folio-empty-state {
            background-color: transparent;
            border: 1px dashed rgba(43, 40, 36, 0.3);
            padding: 30px;
            text-align: center;
            margin-bottom: 25px;
        }
        
        .tr-folio-empty-state p {
            color: rgba(43, 40, 36, 0.6);
            font-style: italic;
        }

/*FLATPICKR OVERRIDES*/

    /*CALENDAR CONTAINER*/

        .flatpickr-calendar {
            background-color: #EFEBE1 !important;
            border: 2px solid rgba(43, 40, 36, 0.9) !important;
            border-radius: 0 !important;
            box-shadow: 6px 8px 0px rgba(43, 40, 36, 0.15) !important;
            font-family: "Courier New", Courier, monospace !important;
            padding: 15px 10px !important;
            width: 320px !important;
            box-sizing: border-box !important;
        }

    /*MONTHS & NAVIGATION*/

        .flatpickr-months {
            border-bottom: 2px solid #9D0D0D !important;
            padding-bottom: 10px !important;
            margin-bottom: 10px !important;
        }

        .flatpickr-months .flatpickr-month {
            background: transparent !important;
            color: #9D0D0D !important;
            fill: #9D0D0D !important;
            height: 40px !important;
        }

        .flatpickr-current-month {
            font-family: "Playfair Display", serif !important;
            font-size: 135% !important;
            font-weight: 700 !important;
            padding-top: 5px !important;
        }

        .flatpickr-current-month .numInputWrapper {
            display: none !important;
        }

        .flatpickr-prev-month svg, 
        .flatpickr-next-month svg {
            fill: #9D0D0D !important;
        }

        .flatpickr-prev-month:hover svg, 
        .flatpickr-next-month:hover svg {
            fill: #2b2824 !important;
        }

    /*WEEKDAYS*/

        .flatpickr-weekdays {
            background: transparent !important;
            margin-bottom: 5px !important;
        }

        span.flatpickr-weekday {
            background: transparent !important;
            color: rgba(43, 40, 36, 0.6) !important;
            font-family: monospace !important;
            font-weight: 700 !important;
            font-size: 12px !important;
            letter-spacing: 2px !important;
        }

    /*DAYS*/

        .flatpickr-day {
            color: #2b2824 !important;
            font-family: "Courier New", Courier, monospace !important;
            font-weight: bold !important;
            border-radius: 0 !important;
            border: 1px solid transparent !important;
        }

        .flatpickr-day:hover, 
        .flatpickr-day:focus {
            background: rgba(157, 13, 13, 0.05) !important;
            border-color: #9D0D0D !important;
        }

        .flatpickr-day.selected, 
        .flatpickr-day.startRange, 
        .flatpickr-day.endRange, 
        .flatpickr-day.selected.inRange, 
        .flatpickr-day.startRange.inRange, 
        .flatpickr-day.endRange.inRange, 
        .flatpickr-day.selected:focus, 
        .flatpickr-day.startRange:focus, 
        .flatpickr-day.endRange:focus, 
        .flatpickr-day.selected:hover, 
        .flatpickr-day.startRange:hover, 
        .flatpickr-day.endRange:hover, 
        .flatpickr-day.selected.prevMonthDay, 
        .flatpickr-day.startRange.prevMonthDay, 
        .flatpickr-day.endRange.prevMonthDay, 
        .flatpickr-day.selected.nextMonthDay, 
        .flatpickr-day.startRange.nextMonthDay, 
        .flatpickr-day.endRange.nextMonthDay {
            background: #9D0D0D !important;
            border-color: #9D0D0D !important;
            color: #EFEBE1 !important;
        }

        .flatpickr-day.today {
            border-color: rgba(43, 40, 36, 0.4) !important;
        }

        .flatpickr-day.flatpickr-disabled, 
        .flatpickr-day.flatpickr-disabled:hover {
            color: rgba(43, 40, 36, 0.25) !important;
        }

/*PROPERTY CAROUSEL*/

    /*NAVIGATION CONTROLS*/

        .tr-folio-carousel-nav {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            margin-bottom: 15px;
        }

        .tr-folio-carousel-nav button {
            background: transparent;
            border: 1px solid rgba(43, 40, 36, 0.4);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #2b2824;
            transition: all 0.2s ease;
        }

        .tr-folio-carousel-nav button:hover {
            border-color: #9D0D0D;
            color: #9D0D0D;
            background: rgba(157, 13, 13, 0.05);
        }

    /*CAROUSEL TRACK*/

        .tr-folio-property-carousel {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 20px;
            padding-bottom: 25px;
            margin-bottom: 5px;
            scrollbar-width: thin;
            scrollbar-color: #9D0D0D rgba(43, 40, 36, 0.1);
            transition: opacity 0.3s ease;
        }

        .tr-folio-property-carousel::-webkit-scrollbar {
            height: 6px;
        }

        .tr-folio-property-carousel::-webkit-scrollbar-track {
            background: rgba(43, 40, 36, 0.1);
            border-radius: 3px;
        }

        .tr-folio-property-carousel::-webkit-scrollbar-thumb {
            background: #9D0D0D;
            border-radius: 3px;
        }

        .tr-folio-property-carousel.is-disabled {
            opacity: 0.3;
            pointer-events: none;
        }

        .tr-folio-property-carousel.error-pulse .tr-folio-property-card {
            border-color: #9D0D0D;
        }

    /*PROPERTY CARDS*/

        .tr-folio-property-card {
            flex: 0 0 320px;
            scroll-snap-align: start;
            background-color: #EFEBE1;
            border: 1px solid rgba(43, 40, 36, 0.3);
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            flex-direction: column;
            position: relative;
            overflow: hidden;
        }

        .tr-folio-property-card.is-selected {
            border: 2px solid #9D0D0D;
            box-shadow: 0px 8px 20px rgba(157, 13, 13, 0.15);
        }

        .tr-folio-property-card.is-selected .tr-folio-property-btn {
            background: #9D0D0D;
            color: #EFEBE1;
        }

        .tr-property-ribbon {
            position: absolute;
            top: 22px;
            left: -40px;
            width: 170px;
            text-align: center;
            background: #9D0D0D;
            color: #EFEBE1;
            transform: rotate(-45deg);
            padding: 5px 0;
            font-family: monospace;
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 1px;
            z-index: 2;
            text-transform: uppercase;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
            pointer-events: none;
        }

        .tr-folio-property-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-bottom: 1px solid rgba(43, 40, 36, 0.3);
            filter: sepia(20%);
            transition: filter 0.3s ease;
        }

        .tr-folio-property-info {
            padding: 20px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .tr-folio-property-info .heading {
            margin-top: 0;
            margin-bottom: 10px;
        }

        .tr-folio-property-info .copy {
            margin-bottom: 20px;
        }

        .tr-folio-property-btn {
            margin-top: auto;
            background: transparent;
            border: 1px solid #9D0D0D;
            color: #9D0D0D;
            padding: 10px;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-align: center;
            transition: all 0.2s ease;
        }

        @media (hover: hover) and (pointer: fine) {

            .tr-folio-property-card:hover img {
                filter: sepia(0%);
            }

            .tr-folio-property-card:hover .tr-folio-property-btn,
            .tr-folio-property-btn:hover {
                background: #9D0D0D !important;
                color: #EFEBE1 !important;
            }

        }

    /*ALTERNATIVE QUARTERS CHECKBOX*/

        .tr-folio-alt-quarters {
            position: relative;
            width: 100%;
        }

        .tr-folio-alt-quarters input[type="checkbox"] {
            opacity: 0;
            position: absolute;
            width: 0;
            height: 0;
        }

        .tr-folio-alt-quarters label {
            display: block;
            position: relative;
            padding-left: 24px;
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: 16px;
            color: #4a453f;
            line-height: 1.4;
            cursor: pointer;
            user-select: none;
            text-transform: none;
            letter-spacing: normal;
            font-weight: 400;
        }

        .tr-folio-alt-quarters label::before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #2b2824;
            background: transparent;
            opacity: 0.6;
            transition: all 0.2s ease;
        }

        .tr-folio-alt-quarters input[type="checkbox"]:checked + label::after {
            content: "X";
            position: absolute;
            left: 3px;
            top: -1px;
            font-family: "Playfair Display", serif;
            font-size: 16px;
            font-weight: 900;
            color: #9D0D0D;
        }

/*COURSE SELECTION*/

    /*SEARCH CONTAINER*/

        .tr-course-search-container {
            position: relative;
        }

    /*DROPDOWN RESULTS*/

        .tr-course-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            max-height: 250px;
            overflow-y: auto;
            background: #EFEBE1;
            border: 1px solid #9D0D0D;
            border-top: none;
            z-index: 50;
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
            display: none;
        }

        .tr-course-dropdown.is-open {
            display: block;
        }

        .tr-course-dropdown::-webkit-scrollbar { width: 6px; }
        .tr-course-dropdown::-webkit-scrollbar-track { background: rgba(43, 40, 36, 0.1); }
        .tr-course-dropdown::-webkit-scrollbar-thumb { background: #9D0D0D; }

        .tr-course-option {
            padding: 12px 15px;
            font-family: "Playfair Display", serif;
            font-size: 16px;
            cursor: pointer;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.2);
            transition: background 0.2s ease;
        }

        .tr-course-option:last-child {
            border-bottom: none;
        }

        .tr-course-option:hover, 
        .tr-course-option.is-focused {
            background: rgba(157, 13, 13, 0.05);
            color: #9D0D0D;
        }

    /*SELECTED COURSE TAGS*/

        .tr-course-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 15px;
        }

        .tr-course-tag {
            display: inline-flex;
            align-items: center;
            background: transparent;
            border: 1px solid #9D0D0D;
            color: #2b2824;
            padding: 6px 12px;
            font-family: "Courier New", Courier, monospace;
            font-size: 13px;
            font-weight: bold;
        }

        .tr-course-tag-remove {
            margin-left: 8px;
            color: #9D0D0D;
            cursor: pointer;
            font-weight: normal;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.2s ease;
        }

        .tr-course-tag-remove:hover {
            transform: scale(1.2);
        }

/*ITINERARY GRID*/

    /*DYNAMIC WRAPPER*/

        .tr-itinerary-scroll-wrapper {
            position: relative;
            width: 100%;
        }

        .tr-itinerary-scroll-wrapper::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 10px;
            height: 35px;
            background: linear-gradient(to bottom, rgba(235, 230, 215, 0), rgba(235, 230, 215, 1));
            pointer-events: none;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.2);
        }

        #tr-dynamic-itinerary {
            max-height: 400px;
            overflow-y: auto;
            padding-right: 15px;
            padding-bottom: 15px;
            margin-bottom: 0;
        }

        #tr-dynamic-itinerary::-webkit-scrollbar { width: 6px; }
        #tr-dynamic-itinerary::-webkit-scrollbar-track { background: rgba(43, 40, 36, 0.1); border-radius: 3px; }
        #tr-dynamic-itinerary::-webkit-scrollbar-thumb { background: #9D0D0D; border-radius: 3px; }

    /*DAILY ROWS*/

        .tr-itinerary-day {
            padding: 15px 0;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.2);
        }

        .tr-itinerary-day:last-child {
            border-bottom: none;
        }

        .tr-itinerary-day-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }

        .tr-tally-date {
            font-family: monospace;
            font-size: 14px;
            font-weight: 700;
            color: #2b2824;
            letter-spacing: 1px;
        }

    /*ROUND CONTROLS*/

        .tr-add-round-btn {
            background: transparent;
            border: 1px solid #9D0D0D;
            color: #9D0D0D;
            padding: 6px 12px;
            font-family: monospace;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .tr-add-round-btn:hover {
            background: rgba(157, 13, 13, 0.05);
        }

        .tr-add-round-btn:disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

        .tr-itinerary-rounds {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .tr-itinerary-round-row {
            display: flex;
            align-items: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .tr-itinerary-round-row select {
            padding: 10px;
            font-size: 16px;
            flex-grow: 1;
            width: auto;
            min-width: 200px;
        }

        .tr-round-remove {
            background: transparent;
            border: none;
            color: rgba(157, 13, 13, 0.5);
            font-size: 16px;
            cursor: pointer;
            padding: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.2s ease, transform 0.2s ease;
        }

        .tr-round-remove:hover {
            color: #9D0D0D;
            transform: scale(1.2);
        }

    /*QTY COUNTER*/

        .tr-qty-wrapper {
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 0 0 auto;
        }

        .tr-qty-label {
            font-family: monospace;
            font-size: 12px;
            font-weight: bold;
            color: rgba(43, 40, 36, 0.7);
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .tr-itinerary-qty {
            width: 60px;
            padding: 10px;
            font-family: "Courier New", Courier, monospace;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            background-color: #EFEBE1;
            border: 1px solid rgba(43, 40, 36, 0.4);
            color: #2b2824;
            border-radius: 0;
            outline: none;
            transition: border-color 0.2s ease, background-color 0.2s ease;
            appearance: textfield;
        }

        .tr-itinerary-qty:focus {
            border-color: #9D0D0D;
        }

        .tr-itinerary-qty::-webkit-outer-spin-button,
        .tr-itinerary-qty::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    /*TOTAL TALLY*/

        .tr-itinerary-total {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 2px solid rgba(157, 13, 13, 0.4);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .tr-itinerary-total-label {
            font-family: monospace;
            font-size: 12px;
            font-weight: 700;
            color: #9D0D0D;
            letter-spacing: 2px;
        }

        .tr-itinerary-total-value {
            font-family: "Courier New", Courier, monospace;
            font-size: 18px;
            font-weight: bold;
            color: #2b2824;
        }

/*SUBMISSION CONTROLS*/

    /*CONTROL WRAPPER*/

        .tr-folio-controls {
            display: flex;
            justify-content: flex-end;
            margin-top: 60px;
            padding-top: 40px;
            border-top: 1px dashed rgba(43, 40, 36, 0.3);
            flex-wrap: wrap;
            gap: 20px;
            align-items: center;
        }
        
    /*RESET LINK*/

        #tr-folio-reset {
            margin-right: auto;
            border: none;
            background: transparent;
            color: rgba(157, 13, 13, 0.7);
            text-decoration: underline;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 1px;
            box-shadow: none;
            padding: 0;
            height: auto;
            cursor: pointer;
            transition: color 0.2s ease;
        }

        #tr-folio-reset:hover {
            color: #9D0D0D;
        }

    /*TRANSMIT BUTTONS*/

        .tr-folio-submit-btn {
            height: 60px;
            padding: 0 40px;
            border-radius: 30px;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            border: 1px solid #9D0D0D;
            color: #2b2824;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0px 3px 0px #9D0D0D, 0px 6px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease, background-color 0.2s ease;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 2px;
            margin: 0;
        }

        @media (hover: hover) and (pointer: fine) {

            .tr-folio-submit-btn:hover {
                color: #9D0D0D;
            }

        }

        .tr-folio-submit-btn:active {
            transform: translateY(3px);
            box-shadow: 0px 0px 0px #9D0D0D, 0px 2px 4px rgba(0, 0, 0, 0.1);
        }
        
    /*SECONDARY BUTTON STATE*/

        .tr-folio-submit-btn.is-secondary {
            background-image: none;
            background-color: transparent;
            color: #9D0D0D;
            box-shadow: none;
        }
        
        @media (hover: hover) and (pointer: fine) {

            .tr-folio-submit-btn.is-secondary:hover {
                background-color: rgba(157, 13, 13, 0.05);
                color: #9D0D0D;
            }

        }
        
        .tr-folio-submit-btn.is-secondary:active {
            transform: translateY(3px);
            background-color: rgba(157, 13, 13, 0.1);
        }

/*LEDGER COLUMN*/

    /*STICKY CONTAINER*/

        .tr-folio-ledger-column {
            width: 40%;
            position: sticky;
            top: 120px; 
            padding: 40px;
            height: max-content;
            min-height: 400px;
            display: flex;
            flex-direction: column;
        }

    /*BACKGROUND LAYERS*/

        .tr-folio-ledger-bg {
            position: absolute;
            inset: 0;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            box-shadow: 5px 15px 35px rgba(0,0,0,0.1);
            z-index: -1;
        }
        
        .tr-folio-ledger-bg::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 14px;
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: 14px 14px;
            background-repeat: repeat-y;
            mix-blend-mode: multiply;
            opacity: 0.15;
        }

        .tr-folio-ledger-inner {
            position: relative;
            z-index: 2;
        }

    /*HEADER & TITLE*/

        .tr-folio-ledger-num {
            font-family: monospace;
            font-size: 11px;
            letter-spacing: 3px;
            color: rgba(43, 40, 36, 0.6);
        }

        .tr-folio-ledger-title {
            font-family: "Playfair Display", serif;
            font-size: 28px;
            font-weight: 700;
            color: #9D0D0D;
            margin-top: 10px;
            margin-bottom: 20px;
            letter-spacing: 2px;
        }

        .tr-folio-ledger-divider {
            height: 1px;
            width: 100%;
            background-color: rgba(157, 13, 13, 0.4);
            margin-bottom: 30px;
        }

    /*DYNAMIC LIST LINES*/

        .tr-folio-ledger-lines {
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .tr-folio-ledger-item {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .tr-folio-label {
            font-family: monospace;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            color: rgba(43, 40, 36, 0.7);
        }
        
        .tr-folio-label[data-scroll-to] {
            cursor: pointer;
            transition: color 0.2s ease;
            display: inline-block;
            width: max-content;
            position: relative;
        }
        
        @media (hover: hover) and (pointer: fine) {

            .tr-folio-label[data-scroll-to]:hover {
                color: #9D0D0D;
            }

        }

        .tr-folio-label.is-active-step {
            color: #9D0D0D;
        }

        .tr-folio-label.has-fist::before {
            content: "\261B ";
            position: absolute;
            left: -18px;
            top: 50%;
            transform: translateY(-50%);
            color: #9D0D0D;
            font-size: 14px;
            line-height: 1;
            pointer-events: none;
        }

        .tr-folio-value {
            font-family: "Courier New", Courier, monospace;
            font-size: 16px;
            font-weight: bold;
            color: #2b2824;
            display: inline-block;
            will-change: transform, color;
            transition: color 0.3s ease;
        }
        
        .tr-folio-value.is-null-value {
            color: rgba(43, 40, 36, 0.4);
            font-weight: normal;
        }

        .tr-folio-scrollable-value {
            max-height: 150px;
            overflow-y: auto;
            padding-right: 10px;
            display: block;
            margin-top: 4px;
        }
        
        .tr-folio-scrollable-value::-webkit-scrollbar { width: 4px; }
        .tr-folio-scrollable-value::-webkit-scrollbar-track { background: rgba(43, 40, 36, 0.1); border-radius: 2px; }
        .tr-folio-scrollable-value::-webkit-scrollbar-thumb { background: #9D0D0D; border-radius: 2px; }
        
        .tr-folio-itinerary-line {
            display: block;
            font-size: 14px;
            margin-top: 4px;
            border-top: 1px dashed rgba(43, 40, 36, 0.2);
            padding-top: 4px;
        }
        
        .tr-folio-itinerary-line:first-child {
            border-top: none;
            margin-top: 0;
            padding-top: 0;
        }

    /*STATUS STAMP*/

        .tr-folio-stamp {
            position: absolute;
            bottom: -20px;
            right: -10px;
            font-family: "Courier New", Courier, monospace;
            font-size: 28px;
            font-weight: 900;
            color: rgba(186, 57, 57, 0.6);
            border: 4px solid rgba(186, 57, 57, 0.6);
            padding: 10px 20px;
            letter-spacing: 4px;
            border-radius: 4px;
            mix-blend-mode: multiply;
            transform: rotate(-10deg);
            pointer-events: none;
            opacity: 0.8;
        }

/*MOBILE LEDGER OVERLAY*/

    /*CONTAINER*/

        .tr-mobile-ledger-overlay {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            z-index: 9999;
            pointer-events: none;
        }

    /*RIBBON TOGGLE*/

        .tr-mobile-ribbon {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background-color: #9D0D0D;
            color: #EFEBE1;
            border: none;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            font-family: monospace;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1px;
            cursor: pointer;
            outline: none;
            pointer-events: auto;
            transform: translateY(100%);
            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            z-index: 10;
        }

        .tr-mobile-ribbon.in-workspace {
            transform: translateY(0);
        }

        .tr-mobile-ribbon:focus-visible {
            outline: 2px dashed #EFEBE1;
            outline-offset: -4px;
        }

    /*OVERLAY DRAWER*/

        .tr-mobile-ledger-content {
            position: absolute;
            bottom: 60px;
            left: 0;
            width: 100%;
            padding: 40px 30px;
            background-color: #EFEBE1;
            pointer-events: auto;
            transform: translateY(100%);
            visibility: hidden;
            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.4s;
            max-height: 75vh;
            overflow-y: auto;
            z-index: 5;
        }

        .tr-mobile-ledger-content.is-open {
            transform: translateY(0);
            visibility: visible;
        }
        
        .tr-mobile-ledger-content .tr-folio-ledger-bg {
            position: absolute;
            inset: 0;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            z-index: -1;
        }

        .tr-mobile-ledger-content .tr-folio-ledger-bg::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 14px;
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: 14px 14px;
            background-repeat: repeat-y;
            mix-blend-mode: multiply;
            opacity: 0.15;
        }

/*MEDIA QUERIES*/

    /*MAX WIDTH: 1000px*/

        @media (max-width: 1000px) {

            .tr-folio-wrapper {
                flex-direction: column;
                padding-bottom: 120px;
            }

            .tr-folio-form-grid {
                grid-template-columns: 1fr;
            }

            .tr-folio-workspace, 
            .tr-folio-ledger-column {
                width: 100%;
            }

            .tr-folio-ledger-column {
                display: none;
            }

            .tr-mobile-ledger-overlay {
                display: block;
            }

        }
        
    /*MAX WIDTH: 768px*/

        @media (max-width: 768px) {

            .tr-block-bg-stamp {
                font-size: 60px;
            }

        }

/*MICROFILM SLIDER*/



/*IMAGE EXPAND WITH TEXT*/

    /*SECTION CONTAINER*/

        .ltl-section {
            position: relative;
            padding-bottom: 20px;
            overflow: hidden;
        }

    /*MARQUEE*/

        .ltl-marquee-container {
            position: absolute;
            top: 65%;
            left: 0;
            width: 100%;
            overflow: hidden;
            z-index: 1;
            padding-top: 0.2em;
        }

        .ltl-marquee-part span {
            font-family: var(--title-font-family);
            font-size: var(--title-font-size);
            color: #9D0D0D;
            opacity: 0.05;
            line-height: 1.1;
            text-transform: uppercase;
            white-space: nowrap;
        }
        .ltl-marquee-track {
            display: flex;
            width: max-content;
            will-change: transform;
            animation: ltl-marquee-scroll 100s linear infinite;
        }

        @keyframes ltl-marquee-scroll {
            0% {
                transform: translate3d(0%, 0, 0);
            }
            100% {
                transform: translate3d(-50%, 0, 0);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .ltl-marquee-track {
                animation-play-state: paused !important;
            }
        }

        .ltl-marquee-part {
            display: flex;
            gap: 2vw;
            padding-right: 2vw;
        }

        .ltl-marquee-part span {
            font-family: var(--title-font-family);
            font-size: var(--title-font-size);
            color: #9D0D0D;
            opacity: 0.3;
            line-height: 1.1;
            text-transform: uppercase;
            white-space: nowrap;
        }

    /*GRID LAYOUT*/

        .ltl-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 20px;
            width: 100%;
            margin: 0 auto;
            align-items: end;
            position: relative;
            z-index: 2;
        }

    /*TEXT CONTENT*/

        .ltl-content {
            padding-left: 25px;
            padding-right: 50px;
            padding-bottom: 100px;
            grid-column: 1 / 6;
            grid-row: 1;
            align-self: start;
            display: flex;
            flex-direction: column;
            gap: 25px;
            z-index: 4;
            padding-bottom: 40px;
        }

        .ltl-heading {
            color: #9D0D0D;
            font-size: clamp(3rem, 7vw, 7.5rem);
            line-height: 0.85;
            margin: 0;
        }

        .ltl-subheading {
            color: #9D0D0D;
            margin: 0;
        }

        .ltl-description {
            color: #2b2824;
            margin: 0;
        }

    /*LARGE IMAGE CONTAINER*/

        .ltl-large-image-wrapper {
            grid-column: 6 / 13;
            grid-row: 1 / 2;
            position: relative;
            aspect-ratio: 1.35 / 1;
            align-self: end;
            cursor: none !important;
        }

        .ltl-large-image-link {
            display: block;
            width: 100%;
            height: 100%;
        }

        .ltl-large-image-link:focus-visible {
            outline: 2px dashed var(--focus-color) !important;
            outline-offset: 3px !important;
        }

        .ltl-large-image {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            cursor: none !important;
        }

    /*MOBILE VIEW COURSE BADGE*/

        .ltl-mobile-badge {
            position: absolute;
            bottom: 25px;
            right: 25px;
            z-index: 20;
            pointer-events: none;
            background-color: var(--vid-btn-bg, #9D0D0D);
            border: 1px solid var(--vid-btn-border, #9D0D0D);
            color: var(--vid-btn-color, #FFFFFF);
            font-family: monospace;
            font-size: 12px;
            text-transform: uppercase;
            padding: 8px 15px;
            border-radius: 4px;
            display: none;
            align-items: center;
            justify-content: center;
            gap: 8px;
            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
        }

        .ltl-mobile-badge svg {
            width: 1.2em;
            height: 1.2em;
        }

    /*FLOURISH*/

        .ltl-flourish {
            position: absolute;
            bottom: 25px;
            left: 25px;
            color: #1A1A1A;
            font-size: 28pt;
        }

/*VERTICAL SLIDER*/

    /*CONTAINER*/

        .vertical-slider {
            position: relative;
            width: 100%;
            height: 100vh;
            height: 100svh;
            overflow: hidden;
        }

        .vertical-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            height: 100svh;
            display: flex;
            overflow: hidden;
        }

    /*CONTENT & MEDIA*/

        .vertical-slide-content {
            position: relative;
            width: 50%;
            padding: 100px;
            background: #fff;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            box-sizing: border-box;
            z-index: 2;
        }

        .vertical-slide-image {
            width: 50%;
            height: 75%;
            margin-bottom: 100px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 1;
        }

    /*PROGRESS BAR*/

        .vertical-slider-progress-vertical {
            position: absolute;
            left: 100px;
            top: calc(25vh);
            bottom: 400px;
            width: 6px;
            background: rgba(0, 0, 0, 0.1);
            border-radius: 3px;
            z-index: 10;
            overflow: hidden;
            pointer-events: none;
        }

        .vertical-slider-progress-bar {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0%;
            background: #FCE203;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            transform-origin: bottom center;
        }

/*TYPEWRITER QUOTE*/

    /*HERO SECTION*/

        #wire-hero-section {
            position: relative;
            padding: 14vw 4vw;
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom: 2px solid rgba(43, 40, 36, 0.2);
            z-index: 1;
            overflow: hidden;
            background-color: #EFEBE1;
            perspective: 1200px;
        }

    /*BACKGROUND LAYERS*/

        #wire-hero-section::before {
            content: "";
            position: absolute;
            inset: -10px;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            mix-blend-mode: multiply;
            opacity: 0.85;
            z-index: 1;
            pointer-events: none;
        }

        #wire-hero-section::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 2;
            pointer-events: none;
            background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(157, 13, 13, 0.06) 4px, transparent 6px), repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(157, 13, 13, 0.06) 4px, transparent 6px), repeating-linear-gradient(20deg, transparent, transparent 4px, rgba(157, 13, 13, 0.05) 5px, transparent 8px), repeating-linear-gradient(-70deg, transparent, transparent 4px, rgba(157, 13, 13, 0.05) 5px, transparent 8px), radial-gradient(ellipse at 15% 85%, rgba(43, 40, 36, 0.12) 0%, transparent 40%), radial-gradient(circle at 25% 75%, rgba(43, 40, 36, 0.08) 0%, transparent 35%), radial-gradient(ellipse at 85% 15%, rgba(43, 40, 36, 0.1) 0%, transparent 45%), radial-gradient(circle at center, transparent 0%, rgba(139, 120, 95, 0.15) 100%);
            background-size: 40vw 40vw, 40vw 40vw, 50vw 50vw, 50vw 50vw, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
            background-repeat: no-repeat;
            animation: moire-drift 20s ease-in-out infinite alternate;
        }

        .wire-bg-video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 0;
            opacity: 0.3;
            filter: sepia(100%) saturate(60%) contrast(120%) brightness(70%);
            pointer-events: none;
            mix-blend-mode: multiply;
        }

    /*AUDIO TOGGLE*/

        #wire-audio-toggle {
            position: absolute;
            bottom: 30px;
            right: 40px;
            z-index: 10;
            background: transparent;
            border: 1px solid var(--vid-btn-border, rgba(43, 40, 36, 0.3));
            color: var(--vid-btn-color, rgba(43, 40, 36, 0.8));
            font-family: monospace;
            font-size: 12px;
            text-transform: uppercase;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        #wire-audio-toggle svg {
            width: 1.2em;
            height: 1.2em;
        }

        @media (hover: hover) and (pointer: fine) {

            #wire-audio-toggle:hover {
                background-color: var(--vid-btn-hover-bg, rgba(43, 40, 36, 0.08));
                border-color: var(--vid-btn-color, rgba(43, 40, 36, 0.8));
            }

        }

        #wire-audio-toggle:focus-visible {
            background-color: #9D0D0D;
            color: #FFFFFF;
            border-color: #9D0D0D;
            outline: none;
        }

        #wire-audio-toggle[aria-pressed="true"] {
            background: var(--vid-btn-active-bg, #2b2824);
            color: var(--vid-btn-active-color, #EFEBE1);
            border-color: var(--vid-btn-active-bg, #2b2824);
        }

    /*TAPE CONTAINER & BACKGROUND*/

        #wire-tape-container {
            padding: 40px 6vw;
            max-width: 950px;
            width: 100%;
            position: relative;
            transform: rotate(-0.5deg) rotateX(0deg) rotateY(0deg);
            z-index: 3;
            transform-style: preserve-3d;
            will-change: transform;
            transition: transform 0.1s linear;
        }

        .wire-tape-bg {
            position: absolute;
            inset: 0;
            background-color: #F3EFE6;
            box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.25), 2px 4px 15px rgba(0, 0, 0, 0.06), inset 0 0 30px rgba(139, 120, 95, 0.1);
            border-top: 1px solid rgba(43, 40, 36, 0.1);
            border-bottom: 1px solid rgba(43, 40, 36, 0.1);
            filter: url(#torn-edge);
            z-index: -1;
        }

        .wire-tape-bg::before,
        .wire-tape-bg::after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 18px;
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: 18px 18px;
            background-repeat: repeat-x;
            background-position: center;
            opacity: 0.12;
            mix-blend-mode: multiply;
        }

        .wire-tape-bg::before {
            top: 8px;
        }

        .wire-tape-bg::after {
            bottom: 8px;
        }

    /*TEXT BLOCKS*/

        #wire-header-row {
            font-family: "Courier New", Courier, monospace;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #9D0D0D;
            text-transform: uppercase;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.3);
            padding-bottom: 10px;
            margin-bottom: 30px;
            display: flex;
            justify-content: space-between;
            opacity: 0.8;
        }

        #wire-quote-block {
            font-family: "Playfair Display", serif;
            font-size: 38px;
            line-height: 1.4;
            font-weight: 700;
            font-style: italic;
            color: #2b2824;
            margin: 0 0 40px 0;
            min-height: 140px;
            text-shadow: 0px 0px 0.5px rgba(43, 40, 36, 0.5);
        }

        #wire-author-block {
            font-family: "Courier New", Courier, monospace;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 3px;
            color: rgba(43, 40, 36, 0.7);
            text-transform: uppercase;
            min-height: 24px;
        }

    /*CURSOR & STAMP*/

        .mechanical-cursor {
            display: inline-block;
            width: 16px;
            height: 28px;
            background-color: #2b2824;
            vertical-align: middle;
            margin-left: 6px;
            animation: mechanical-blink 0.8s step-end infinite;
        }

        #received-stamp {
            position: absolute;
            bottom: 30px;
            right: 50px;
            font-family: "Courier New", Courier, monospace;
            font-size: 28px;
            font-weight: 900;
            color: rgba(186, 57, 57, 0.6);
            border: 4px solid rgba(186, 57, 57, 0.6);
            padding: 10px 20px;
            opacity: 0;
            pointer-events: none;
            text-align: center;
            line-height: 1.2;
            letter-spacing: 4px;
            border-radius: 4px;
            mix-blend-mode: multiply;
            z-index: 10;
            transform: rotate(-15deg) scale(1.8);
        }

        #received-stamp span {
            font-size: 14px;
            display: block;
            border-top: 2px dashed rgba(186, 57, 57, 0.4);
            margin-top: 5px;
            padding-top: 5px;
            letter-spacing: 2px;
        }

        #received-stamp.stamp-active {
            animation: stamp-down 0.35s cubic-bezier(0.25, 1, 0.5, 1) forwards;
        }

    /*KEYFRAMES*/

        @keyframes moire-drift {

            0% {
                background-position: -5vw -5vw, -5vw -5vw, calc(100% + 5vw) calc(100% + 5vw), calc(100% + 5vw) calc(100% + 5vw), 0 0, 0 0, 0 0, 0 0;
            }

            100% {
                background-position: -2vw -8vw, -8vw -2vw, calc(100% + 2vw) calc(100% + 8vw), calc(100% + 8vw) calc(100% + 2vw), 0 0, 0 0, 0 0, 0 0;
            }

        }

        @keyframes mechanical-blink {

            0%,
            100% {
                opacity: 1;
                transform: translateY(0);
            }

            50% {
                opacity: 0;
                transform: translateY(1px);
            }

        }

        @keyframes stamp-down {

            0% {
                opacity: 0;
                transform: rotate(-15deg) scale(1.8);
            }

            50% {
                opacity: 1;
                transform: rotate(-6deg) scale(0.95);
            }

            100% {
                opacity: 0.85;
                transform: rotate(-6deg) scale(1);
            }

        }

    /*MOBILE RESPONSIVE*/

        @media (max-width: 768px) {

            #wire-hero-section {
                padding: 30vw 4vw;
            }

            #wire-audio-toggle {
                bottom: 15px;
                right: 15px;
                font-size: 10px;
                padding: 6px 10px;
                gap: 6px;
            }

            #wire-quote-block {
                font-size: 22px;
                min-height: 160px;
            }

            #wire-tape-container {
                padding: 30px 20px;
            }

            #wire-header-row {
                flex-direction: column;
                gap: 5px;
            }

            #received-stamp {
                bottom: 15px;
                right: 15px;
                font-size: 20px;
                padding: 8px 12px;
            }

        }

/*HERO QUOTE*/

    /*MAIN CONTAINER*/

        .hero-quote-block {
            position: relative;
            width: 100%;
            min-height: 65vh;
            overflow: hidden;
            background-color: #1a1a1a;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    /*BACKGROUND VIDEO*/

        .hq-bg-video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            transform: translate(-50%, -50%);
            object-fit: cover;
            z-index: 1;
        }

    /*QUOTE CONTAINER & CURTAIN*/

        .hq-quote-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: transparent;
            pointer-events: none; 
        }
        
        .hq-curtain {
            position: absolute;
            inset: 0;
            background-color: rgba(0,0,0,0.9);
            z-index: 1;
            will-change: opacity;
        }

    /*TEXT BLOCKS*/

        .hq-text-wrapper {
            position: relative;
            height: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            overflow: visible;
            z-index: 25;
        }

        .hq-quote-text {
            font-size: clamp(2rem, 4vw, 3rem);
            color: #EFEBE1;
            margin-bottom: 1rem;
            font-family: var(--title-font-family, serif);
            text-align: center;
            max-width: 800px;
            padding: 0 20px;
            will-change: filter, opacity;
        }

        .hq-quote-author {
            font-size: clamp(1rem, 1.5vw, 1.2rem);
            color: #c9c5bc;
            font-family: var(--title-font-family, serif);
            text-align: center;
            will-change: filter, opacity;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

    /*SKULL GRAPHICS*/

        .hq-skull-wrapper {
            position: relative;
            margin-bottom: 2rem;
            perspective: 800px;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 25; 
        }

        .hq-drawn-skull,
        .hq-skull-real {
            max-width: 90%;
            width: 275px;
            height: auto;
            will-change: transform, opacity;
            transform-origin: center center;
        }

        .hq-drawn-skull path {
            stroke: #c9c5bc;
            stroke-width: 1px;
            fill-opacity: 0;
            stroke-linejoin: round;
            stroke-linecap: round;
        }

        .hq-skull-real {
            position: absolute;
            opacity: 0;
        }

/*MICROFILM SLIDER*/

    .microfilm-slider-block {
            position: relative;
            width: 100vw;
            height: 90vh;
            min-height: 600px;
            background-color: rgba(235, 230, 215, 0.85);
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .microfilm-slider-block::before {
            content: '';
            position: absolute;
            inset: 0;
            background-size: 50px 50px;
            background-image:
                linear-gradient(to right, rgba(43, 40, 36, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(43, 40, 36, 0.05) 1px, transparent 1px);
            z-index: 0;
            pointer-events: none;
        }

        .microfilm-slider-block:focus-visible {
            outline: 2px dashed #9D0D0D;
            outline-offset: -4px;
        }

        @keyframes microfilm-moire-drift {
            0% {
                background-position: -5vw -5vw, -5vw -5vw, calc(100% + 5vw) calc(100% + 5vw), calc(100% + 5vw) calc(100% + 5vw), 0 0, 0 0, 0 0, 0 0;
            }
            100% {
                background-position: -2vw -8vw, -8vw -2vw, calc(100% + 2vw) calc(100% + 8vw), calc(100% + 8vw) calc(100% + 2vw), 0 0, 0 0, 0 0, 0 0;
            }
        }

        .microfilm-baseplate {
            position: absolute;
            inset: 0;
            z-index: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            opacity: 0;
            pointer-events: none;
        }

        .microfilm-baseplate::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            pointer-events: none;
            background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(157, 13, 13, 0.06) 4px, transparent 6px), repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(157, 13, 13, 0.06) 4px, transparent 6px), repeating-linear-gradient(20deg, transparent, transparent 4px, rgba(157, 13, 13, 0.05) 5px, transparent 8px), repeating-linear-gradient(-70deg, transparent, transparent 4px, rgba(157, 13, 13, 0.05) 5px, transparent 8px), radial-gradient(ellipse at 15% 85%, rgba(43, 40, 36, 0.12) 0%, transparent 40%), radial-gradient(circle at 25% 75%, rgba(43, 40, 36, 0.08) 0%, transparent 35%), radial-gradient(ellipse at 85% 15%, rgba(43, 40, 36, 0.1) 0%, transparent 45%), radial-gradient(circle at center, transparent 0%, rgba(139, 120, 95, 0.15) 100%);
            background-size: 40vw 40vw, 40vw 40vw, 50vw 50vw, 50vw 50vw, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
            background-repeat: no-repeat;
            animation: microfilm-moire-drift 20s ease-in-out infinite alternate;
        }

        .microfilm-slider-block .baseplate-skull {
            position: absolute;
            width: 300px;
            height: 300px;
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.15;
            mix-blend-mode: multiply;
            z-index: 1;
        }

        .microfilm-slider-block .baseplate-content {
            position: relative;
            z-index: 2;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }

        .microfilm-slider-block .baseplate-label {
            font-family: monospace;
            font-size: 12px;
            letter-spacing: 4px;
            color: rgba(43, 40, 36, 0.5);
            text-transform: uppercase;
        }

        .microfilm-slider-block .baseplate-heading {
            font-family: var(--title-font-family);
            font-size: 48px;
            font-weight: 700;
            color: #2b2824;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin: 0;
        }

        .microfilm-glass-overlay {
            position: absolute;
            inset: 0;
            z-index: 20;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.1) 100%),
                        radial-gradient(ellipse at center, transparent 40%, rgba(43, 40, 36, 0.3) 100%);
            box-shadow: inset 0 0 50px rgba(0,0,0,0.15);
        }

        .microfilm-dust-scratches {
            position: absolute;
            inset: 0;
            z-index: 21;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3Cpath d='M20 50 L30 80 M250 140 L240 180 M600 300 L610 350 M900 200 L890 220 M400 700 L420 680 M800 900 L780 940' stroke='%232b2824' stroke-width='0.5' opacity='0.3'/%3E%3Cpath d='M60 950 L70 900 M950 400 L930 380' stroke='white' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E");
            opacity: 0.5;
            mix-blend-mode: overlay;
        }

        .microfilm-marginalia {
            position: absolute;
            font-family: monospace;
            font-size: 11px;
            letter-spacing: 4px;
            color: rgba(43, 40, 36, 0.35);
            text-transform: uppercase;
            writing-mode: vertical-rl;
            z-index: 10;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .microfilm-slider-block .marginalia-left {
            left: 2vw;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
        }

        .microfilm-slider-block .marginalia-right {
            right: 2vw;
            top: 50%;
            transform: translateY(-50%);
        }

        .microfilm-viewport {
            width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
            overflow: hidden;
            z-index: 1;
        }

        .microfilm-track {
            display: flex;
            align-items: center;
            gap: 60px;
            width: max-content;
            height: 70vh;
            min-height: 450px;
            padding: 40px 0; 
            background-color: transparent;
            cursor: grab;
            position: relative;
            will-change: transform;
            border-top: 1px dashed rgba(43, 40, 36, 0.2);
            border-bottom: 1px dashed rgba(43, 40, 36, 0.2);
        }

        .microfilm-track:active {
            cursor: grabbing;
        }

        .microfilm-track::before,
        .microfilm-track::after {
            content: '';
            position: absolute;
            left: 0;
            width: 100%;
            height: 24px;
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: 24px 24px;
            background-repeat: repeat-x;
            opacity: 0.25;
            mix-blend-mode: multiply;
            pointer-events: none;
        }

        .microfilm-track::before {
            top: 6px;
        }

        .microfilm-track::after {
            bottom: 6px;
        }

        .microfilm-slide {
            display: block;
            text-decoration: none;
            width: 60vw;
            max-width: 1000px;
            height: 100%;
            position: relative;
            flex-shrink: 0;
            background-color: #000;
            border-radius: 4px;
            overflow: hidden;
            border: 1px solid rgba(43, 40, 36, 0.8);
            opacity: 0.6;
            transform: scale(0.96);
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.5s ease;
            z-index: 1;
            cursor: pointer;
        }

        .microfilm-slide.is-active {
            opacity: 1;
            transform: scale(1.02);
            box-shadow: 0 15px 50px rgba(0,0,0,0.6);
            z-index: 10;
        }

        .microfilm-slide .slide-media {
            width: 100%;
            height: 100%;
            filter: sepia(15%);
            transition: filter 0.5s ease;
        }

        .microfilm-slide.is-active .slide-media {
            filter: sepia(0%);
        }

        .microfilm-slider-block .splice-tape {
            position: absolute;
            bottom: 40px;
            left: 40px;
            width: calc(100% - 80px);
            max-width: 420px;
            z-index: 10;
            will-change: transform;
        }
        
        .microfilm-slider-block .splice-tape-bg {
            position: absolute;
            inset: 0;
            background-color: #F3EFE6;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-blend-mode: multiply;
            filter: url(#splice-tape-edge) drop-shadow(2px 5px 8px rgba(0,0,0,0.5));
            z-index: -1;
        }

        .microfilm-slider-block .splice-tape-bg::after {
            content: '';
            position: absolute;
            inset: 0;
            background-color: rgba(200, 180, 140, 0.1);
            mix-blend-mode: multiply;
            pointer-events: none;
        }

        .microfilm-slider-block .splice-tape-content {
            position: relative;
            padding: 30px;
            z-index: 1;
        }

        .microfilm-slider-block .archival-stamp {
            position: absolute;
            top: 15px;
            right: 15px;
            font-family: "Courier New", Courier, monospace;
            font-size: 14px;
            font-weight: 900;
            color: rgba(157, 13, 13, 0.5);
            border: 2px solid rgba(157, 13, 13, 0.5);
            padding: 4px 8px;
            border-radius: 2px;
            mix-blend-mode: multiply;
            pointer-events: none;
            letter-spacing: 2px;
        }

        .microfilm-slider-block .splice-tape-content .title {
            font-family: "Courier New", Courier, monospace;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #9D0D0D;
            text-transform: uppercase;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.3);
            padding-bottom: 10px;
            margin-bottom: 15px;
            padding-right: 80px; 
        }

        .microfilm-slider-block .splice-tape-content .copy {
            font-family: "Playfair Display", serif;
            font-size: 22px;
            font-style: italic;
            font-weight: 700;
            color: #2b2824;
            line-height: 1.4;
        }

        .microfilm-controls {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 4vw;
            transform: translateY(-50%);
            z-index: 100;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .microfilm-controls .custom-arrow {
            pointer-events: auto;
        }
        
        .microfilm-audio-toggle {
            position: absolute;
            bottom: 30px;
            right: 40px;
            z-index: 100;
            background: transparent;
            border: 1px solid rgba(43, 40, 36, 0.3);
            color: rgba(43, 40, 36, 0.8);
            font-family: monospace;
            font-size: 12px;
            text-transform: uppercase;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
            white-space: nowrap;
            transition: all 0.3s ease, opacity 0.3s ease;
        }

        .microfilm-audio-toggle:hover {
            background-color: rgba(43, 40, 36, 0.08);
            border-color: rgba(43, 40, 36, 0.8);
        }

        .microfilm-audio-toggle[aria-pressed="true"] {
            background: #2b2824;
            color: #EFEBE1;
            border-color: #2b2824;
        }

        @media (max-width: 900px) {
            .microfilm-marginalia {
                display: none;
            }
            .microfilm-slide {
                width: 85vw;
            }
            .microfilm-track {
                gap: 30px;
            }
            .microfilm-slider-block .splice-tape {
                bottom: 20px;
                left: 20px;
                width: calc(100% - 40px);
            }
            .microfilm-slider-block .splice-tape-content {
                padding: 20px;
            }
            .microfilm-slider-block .splice-tape-content .copy {
                font-size: 18px;
            }
            .microfilm-controls {
                top: auto;
                bottom: 30px;
                transform: none;
                justify-content: center;
                gap: 20px;
            }
            .microfilm-audio-toggle {
                bottom: 110px;
                right: 20px;
            }
        }

/*PROJECTOR SLIDER*/

    .projector-slider-block {
        position: relative;
        width: 100vw;
        height: 100vh;
        min-height: 100vh;
        background-color: #000;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .projector-slider-block:focus-visible {
        outline: 2px dashed #9D0D0D;
        outline-offset: -4px;
    }

    @keyframes projector-moire-drift {
        0% {
            background-position: -5vw -5vw, -5vw -5vw, calc(100% + 5vw) calc(100% + 5vw), calc(100% + 5vw) calc(100% + 5vw), 0 0, 0 0, 0 0, 0 0;
        }
        100% {
            background-position: -2vw -8vw, -8vw -2vw, calc(100% + 2vw) calc(100% + 8vw), calc(100% + 8vw) calc(100% + 2vw), 0 0, 0 0, 0 0, 0 0;
        }
    }

    .projector-slider-block .projector-baseplate {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        background-color: rgba(235, 230, 215, 1);
    }

    .projector-slider-block .projector-baseplate::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(157, 13, 13, 0.06) 4px, transparent 6px), repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(157, 13, 13, 0.06) 4px, transparent 6px), repeating-linear-gradient(20deg, transparent, transparent 4px, rgba(157, 13, 13, 0.05) 5px, transparent 8px), repeating-linear-gradient(-70deg, transparent, transparent 4px, rgba(157, 13, 13, 0.05) 5px, transparent 8px), radial-gradient(ellipse at 15% 85%, rgba(43, 40, 36, 0.12) 0%, transparent 40%), radial-gradient(circle at 25% 75%, rgba(43, 40, 36, 0.08) 0%, transparent 35%), radial-gradient(ellipse at 85% 15%, rgba(43, 40, 36, 0.1) 0%, transparent 45%), radial-gradient(circle at center, transparent 0%, rgba(139, 120, 95, 0.15) 100%);
        background-size: 40vw 40vw, 40vw 40vw, 50vw 50vw, 50vw 50vw, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
        background-repeat: no-repeat;
        animation: projector-moire-drift 20s ease-in-out infinite alternate;
    }

    .projector-slider-block .baseplate-skull {
        position: absolute;
        width: 300px;
        height: 300px;
        background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.15;
        mix-blend-mode: multiply;
        z-index: 1;
    }

    .projector-slider-block .baseplate-content {
        position: relative;
        z-index: 2;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .projector-slider-block .baseplate-label {
        font-family: monospace;
        font-size: 12px;
        letter-spacing: 4px;
        color: rgba(43, 40, 36, 0.5);
        text-transform: uppercase;
    }

    .projector-slider-block .baseplate-heading {
        font-family: var(--title-font-family);
        font-size: 48px;
        font-weight: 700;
        color: #2b2824;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin: 0;
    }

    .projector-slider-block .viewfinder-hud {
        position: absolute;
        inset: 0;
        z-index: 20;
        pointer-events: none;
        background: radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,0.85) 100%);
        box-shadow: inset 0 0 100px rgba(0,0,0,0.9);
    }

    .projector-slider-block .marginalia {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 40px 0;
        writing-mode: vertical-rl;
        text-align: center;
        font-family: monospace;
        font-size: 10px;
        letter-spacing: 4px;
        color: rgba(255,255,255,0.4);
        z-index: 25;
        pointer-events: none;
        text-transform: uppercase;
    }

    .projector-slider-block .marginalia-left {
        left: 10px;
        transform: rotate(180deg);
    }

    .projector-slider-block .marginalia-right {
        right: 10px;
    }

    .projector-slider-block .crosshair-x {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(255,255,255,0.15);
    }

    .projector-slider-block .crosshair-y {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background: rgba(255,255,255,0.15);
    }

    .projector-slider-block .crosshair-circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        border: 1px solid rgba(255,255,255,0.15);
        border-radius: 50%;
    }

    .projector-slider-block .projector-dust-scratches {
        position: absolute;
        inset: 0;
        z-index: 21;
        pointer-events: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3Cpath d='M20 50 L30 80 M250 140 L240 180 M600 300 L610 350 M900 200 L890 220 M400 700 L420 680 M800 900 L780 940' stroke='%232b2824' stroke-width='0.5' opacity='0.3'/%3E%3Cpath d='M60 950 L70 900 M950 400 L930 380' stroke='white' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E");
        opacity: 0.3;
        mix-blend-mode: overlay;
    }

    .projector-slider-block .projector-viewport {
        width: 100%;
        height: 100vh;
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
        z-index: 1;
    }

    .projector-slider-block .projector-track {
        display: flex;
        align-items: center;
        gap: 20px;
        width: max-content;
        height: 100vh;
        background-color: #000;
        cursor: grab;
        position: relative;
        will-change: transform;
    }

    .projector-slider-block .projector-track:active {
        cursor: grabbing;
    }

    .projector-slider-block .projector-slide {
        display: block;
        text-decoration: none;
        width: 100vw;
        height: 100vh;
        position: relative;
        flex-shrink: 0;
        background-color: #000;
        overflow: hidden;
        z-index: 1;
        cursor: pointer;
    }

    .projector-slider-block .projector-slide .slide-media {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.05);
        filter: sepia(0.3);
        will-change: transform, filter;
    }

    .projector-slider-block .slide-content-wrapper {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        z-index: 10;
    }

    .projector-slider-block .slide-content {
        text-align: center;
        will-change: transform;
    }

    .projector-slider-block .slide-title {
        font-family: var(--title-font-family);
        font-size: 6vw;
        font-weight: 700;
        color: #EFEBE1;
        margin: 0;
        white-space: nowrap;
        text-shadow: 0 4px 20px rgba(0,0,0,0.9);
    }

    .projector-slider-block .slide-index {
        font-family: monospace;
        font-size: 14px;
        color: #9D0D0D;
        margin-bottom: 10px;
        letter-spacing: 2px;
    }

    .projector-slider-block .slide-link {
        font-family: monospace;
        font-size: 12px;
        color: #EFEBE1;
        margin-top: 15px;
        letter-spacing: 3px;
        opacity: 0.8;
    }

    .projector-slider-block .projector-controls {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 4vw;
        transform: translateY(-50%);
        z-index: 30;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .projector-slider-block .projector-controls .custom-arrow {
        pointer-events: auto;
        background-color: #EFEBE1;
        background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
        background-size: cover;
        background-position: center;
        background-blend-mode: multiply;
        border: 1px solid rgba(43, 40, 36, 0.8);
        color: #2b2824;
        box-shadow: 0px 3px 0px rgba(43, 40, 36, 0.8), 0px 6px 12px rgba(0, 0, 0, 0.15);
        width: 60px;
        height: 60px;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
    }

    @media (hover: hover) and (pointer: fine) {
        .projector-slider-block .projector-controls .custom-arrow:hover:not(.disabled) {
            color: #9D0D0D;
        }
    }

    .projector-slider-block .projector-controls .custom-arrow:active:not(.disabled) {
        transform: translateY(3px);
        box-shadow: 0px 0px 0px rgba(43, 40, 36, 0.8), 0px 2px 4px rgba(0, 0, 0, 0.1);
    }

    .projector-slider-block .projector-audio-toggle {
        position: absolute;
        bottom: 30px;
        right: 40px;
        z-index: 30;
        background: transparent;
        border: 1px solid rgba(239, 235, 225, 0.3);
        color: rgba(239, 235, 225, 0.8);
        font-family: monospace;
        font-size: 12px;
        text-transform: uppercase;
        padding: 8px 15px;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.3s ease, opacity 0.3s ease;
    }

    .projector-slider-block .projector-audio-toggle:hover {
        background-color: rgba(239, 235, 225, 0.08);
        border-color: rgba(239, 235, 225, 0.8);
    }

    .projector-slider-block .projector-audio-toggle[aria-pressed="true"] {
        background: #EFEBE1;
        color: #2b2824;
        border-color: #EFEBE1;
    }

    .projector-slider-block .hud-pagination {
        position: absolute;
        bottom: 35px;
        right: 200px;
        font-family: monospace;
        font-size: 12px;
        color: rgba(239, 235, 225, 0.8);
        letter-spacing: 2px;
        z-index: 30;
        padding: 8px 0;
    }

    @media (max-width: 900px) {
        .projector-slider-block .slide-title {
            font-size: 12vw;
        }
        .projector-slider-block .projector-controls {
            top: auto;
            bottom: 30px;
            transform: none;
            justify-content: center;
            gap: 20px;
        }
        .projector-slider-block .projector-audio-toggle {
            bottom: 110px;
            right: 20px;
        }
        .projector-slider-block .hud-pagination {
            bottom: 115px;
            right: auto;
            left: 20px;
        }
        .projector-slider-block .crosshair-circle {
            width: 40px;
            height: 40px;
        }
    }

/*EVENT CALENDAR*/

        .site-events-block {
            --event-border-radius: 0px;
            --event-padding-base: 1rem;
            --event-gap-base: 1.5rem;
            --event-font-weight-bold: 700;
            --event-border-width: 1px;
            --event-bg: transparent;
            --event-text: #2b2824;
            --event-text-muted: rgba(43, 40, 36, 0.6);
            --event-border: rgba(43, 40, 36, 0.3);
            --event-accent-bg: rgba(157, 13, 13, 0.05);
            --event-accent-hover: rgba(157, 13, 13, 0.08);
            --event-highlight-bg: transparent;
            --event-highlight-text: #9D0D0D;
            --event-focus-ring: #9D0D0D;
            --event-empty-day-bg: rgba(43, 40, 36, 0.02);
            --event-active-day-bg: rgba(157, 13, 13, 0.05);
            --event-active-day-border: #9D0D0D;
            padding: calc(var(--event-padding-base) * 4) 5vw;
            background-color: transparent;
        }

        .site-events-block .site-events-wrapper {
            max-width: 95%;
            margin: 0 auto;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-blend-mode: multiply;
            border: 1px solid rgba(43, 40, 36, 0.4);
            box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.08);
            padding: 4vw;
            position: relative;
        }
        
        .site-events-block .site-events-wrapper::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 14px;
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: 14px 14px;
            background-repeat: repeat-y;
            mix-blend-mode: multiply;
            opacity: 0.15;
            pointer-events: none;
        }

        .site-events-block .events-header {
            display: flex;
            flex-direction: column;
            gap: var(--event-gap-base);
            margin-bottom: calc(var(--event-padding-base) * 2);
            position: relative;
            z-index: 2;
        }

        .site-events-block .events-header-top {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: var(--event-gap-base);
        }

        .site-events-block .events-block-title {
            font-family: var(--title-font-family);
            font-size: 38px;
            font-weight: 700;
            color: #9D0D0D;
            margin: 0;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .site-events-block .events-controls-bar {
            position: relative;
            z-index: 10;
            display: flex;
            flex-wrap: wrap;
            gap: var(--event-gap-base);
            align-items: stretch;
            justify-content: space-between;
            padding: 0;
            margin-bottom: calc(var(--event-padding-base) * 3);
            border: none;
            background: transparent;
        }

        .site-events-block .events-filters-group {
            display: flex;
            flex: 1;
            flex-wrap: wrap;
            gap: 1.5rem;
            min-width: 250px;
        }

        .site-events-block .events-input-wrapper {
            flex: 1;
            min-width: 200px;
            display: flex;
        }

        .site-events-block .events-clear-btn {
            background-color: transparent;
            border: none;
            color: rgba(157, 13, 13, 0.7);
            text-decoration: underline;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 1px;
            box-shadow: none;
            padding: 0 15px;
            height: auto;
            cursor: pointer;
            transition: color 0.2s ease;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .site-events-block .events-clear-btn:hover,
        .site-events-block .events-clear-btn:focus-visible {
            color: #9D0D0D;
            background: transparent;
            outline: none;
        }

        .site-events-block .events-form-control {
            width: 100%;
            height: 46px;
            padding: 5px 0;
            border: none;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.4);
            border-radius: 0;
            font-family: monospace;
            font-size: 13px;
            letter-spacing: 1px;
            color: #2b2824;
            background-color: transparent;
            box-sizing: border-box;
            transition: border-color 0.2s ease;
        }
        
        .site-events-block .events-form-control::placeholder {
            color: rgba(43, 40, 36, 0.4);
        }

        .site-events-block .events-form-control:focus {
            outline: none;
            border-color: #9D0D0D;
        }
        
        .site-events-block .events-input-wrapper select.events-form-control {
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239D0D0D%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            background-position: right 5px top 50%;
            background-size: 10px auto;
            padding-right: 25px;
            cursor: pointer;
        }

        .site-events-block .events-view-toggles {
            display: flex;
            gap: 15px;
            height: auto;
            box-sizing: border-box;
            border: none;
        }

        .site-events-block .view-toggle-btn {
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            border: 1px solid #9D0D0D;
            color: #2b2824;
            border-radius: 30px;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 1px;
            box-shadow: 0px 3px 0px #9D0D0D, 0px 6px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease, background-color 0.2s ease;
            padding: 0 25px;
            height: 46px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .site-events-block .view-toggle-btn:first-child {
            border-right: 1px solid #9D0D0D;
        }

        @media (hover: hover) and (pointer: fine) {
            .site-events-block .view-toggle-btn:hover:not(.is-active) {
                color: #9D0D0D;
                background-color: rgba(157, 13, 13, 0.05);
            }
        }

        .site-events-block .view-toggle-btn:active:not(.is-active) {
            transform: translateY(3px);
            box-shadow: 0px 0px 0px #9D0D0D, 0px 2px 4px rgba(0, 0, 0, 0.1);
        }

        .site-events-block .view-toggle-btn.is-active {
            background: #9D0D0D;
            background-image: none;
            color: #EFEBE1;
            box-shadow: 0px 0px 0px #9D0D0D;
            transform: translateY(3px);
            cursor: default;
        }

        .site-events-block .events-view-container {
            display: none;
        }

        .site-events-block .events-view-container.is-active {
            display: block;
        }

        .site-events-block .calendar-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: calc(var(--event-padding-base) * 2);
            padding: 0;
            border: none;
            position: relative;
            z-index: 2;
        }

        .site-events-block .calendar-month-title {
            font-family: "Playfair Display", serif;
            font-size: 28px;
            color: #9D0D0D;
            margin: 0;
            min-width: 250px;
            text-align: center;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-style: italic;
        }

        .site-events-block .calendar-nav-btn {
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            border: 1px solid #9D0D0D;
            color: #2b2824;
            border-radius: 30px;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 1px;
            box-shadow: 0px 3px 0px #9D0D0D, 0px 6px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
            padding: 0 25px;
            height: 46px;
            text-transform: uppercase;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        @media (hover: hover) and (pointer: fine) {
            .site-events-block .calendar-nav-btn:hover:not(:disabled) {
                color: #9D0D0D;
            }
        }

        .site-events-block .calendar-nav-btn:active:not(:disabled) {
            transform: translateY(3px);
            box-shadow: 0px 0px 0px #9D0D0D, 0px 2px 4px rgba(0, 0, 0, 0.1);
        }

        .site-events-block .calendar-nav-btn:disabled {
            opacity: 0.3;
            cursor: not-allowed;
            box-shadow: none;
            transform: none;
        }

        .site-events-block .calendar-month-grid {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
            background: transparent;
            border: 1px solid rgba(43, 40, 36, 0.4);
            position: relative;
            z-index: 2;
        }

        .site-events-block .calendar-month-grid th {
            font-family: monospace;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: rgba(43, 40, 36, 0.6);
            padding: 15px;
            text-align: center;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.3);
            border-right: 1px dashed rgba(43, 40, 36, 0.3);
        }

        .site-events-block .calendar-month-grid th:last-child {
            border-right: none;
        }

        .site-events-block .calendar-month-grid td {
            vertical-align: top;
            height: 100px;
            padding: 8px;
            border-bottom: 1px dashed rgba(43, 40, 36, 0.3);
            border-right: 1px dashed rgba(43, 40, 36, 0.3);
            position: relative;
        }

        .site-events-block .calendar-month-grid td:last-child {
            border-right: none;
        }

        .site-events-block .calendar-month-grid td.empty-cell {
            background-color: rgba(43, 40, 36, 0.03);
            background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(43, 40, 36, 0.02) 10px, rgba(43, 40, 36, 0.02) 11px);
        }

        .site-events-block .calendar-month-grid td.active-cell {
            background-color: var(--event-active-day-bg);
            box-shadow: inset 0 0 0 2px var(--event-active-day-border);
        }

        .site-events-block .calendar-month-grid td[aria-current="date"]::after {
            content: '';
            position: absolute;
            top: 4px;
            right: 4px;
            width: 28px;
            height: 28px;
            border: 2px solid #9D0D0D;
            border-radius: 50%;
            pointer-events: none;
            opacity: 0.6;
            mix-blend-mode: multiply;
        }

        .site-events-block .calendar-month-grid td.has-events {
            cursor: pointer;
            transition: background 0.2s ease;
        }

        .site-events-block .calendar-month-grid td.has-events:hover,
        .site-events-block .calendar-month-grid td.has-events:focus-visible {
            background: var(--event-accent-hover);
            outline: 2px dashed var(--event-focus-ring);
            outline-offset: -2px;
        }

        .site-events-block .cal-day-number {
            font-family: "Courier New", Courier, monospace;
            font-size: 16px;
            font-weight: bold;
            color: #2b2824;
            display: block;
            margin-bottom: 0;
            text-align: right;
            pointer-events: none;
            position: relative;
            z-index: 2;
            padding-right: 4px;
        }

        .site-events-block .cal-event-indicators {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            pointer-events: none;
            margin-top: 6px;
            width: 100%;
        }

        .site-events-block .cal-event-title-text {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 1px;
            text-transform: uppercase;
            line-height: 1.2;
            color: #9D0D0D;
            background-color: rgba(157, 13, 13, 0.05);
            border-left: 2px solid #9D0D0D;
            padding: 4px 6px;
            margin-bottom: 4px;
            font-weight: bold;
            text-align: left;
            transition: opacity 0.3s ease;
        }

        .site-events-block .cal-cell-recurring-badge {
            position: absolute;
            top: 8px;
            left: 8px;
            width: 12px;
            height: 12px;
            color: var(--event-text-muted);
            opacity: 0.5;
            pointer-events: none;
        }

        .site-events-block .cal-event-count {
            font-family: var(--copy-font-family);
            font-size: 10px;
            color: var(--event-text-muted);
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: left;
            display: block;
            margin-top: 2px;
            transition: opacity 0.3s ease;
        }

        .site-events-block .cal-accordion-row {
            display: table-row;
        }

        .site-events-block .cal-accordion-cell {
            padding: 0 !important;
            border: none !important;
        }

        .site-events-block .cal-accordion-wrapper {
            overflow: hidden;
            height: 0;
            background-color: rgba(0, 0, 0, 0.04);
            box-shadow: inset 0 5px 25px rgba(0,0,0,0.1);
        }

        .site-events-block .cal-accordion-inner {
            padding: calc(var(--event-padding-base) * 2);
            border-bottom: 1px solid rgba(43, 40, 36, 0.4);
        }

        .site-events-block .past-events-drawer {
            margin-bottom: var(--event-gap-base);
            border-bottom: 1px dashed rgba(43, 40, 36, 0.3);
            padding-bottom: var(--event-padding-base);
        }
        
        .site-events-block .past-events-drawer:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .site-events-block .past-events-summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            padding: 15px;
            background: rgba(43, 40, 36, 0.03);
            border: 1px dashed rgba(43, 40, 36, 0.3);
            font-family: monospace;
            font-size: 14px;
            font-weight: 700;
            color: rgba(43, 40, 36, 0.6);
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: all 0.2s ease;
            list-style: none;
        }
        
        .site-events-block .past-events-summary::-webkit-details-marker {
            display: none;
        }

        .site-events-block .past-events-summary:hover,
        .site-events-block .past-events-summary:focus-visible {
            background: rgba(157, 13, 13, 0.05);
            color: #9D0D0D;
            border-color: #9D0D0D;
            outline: none;
        }
        
        .site-events-block .past-events-summary:focus-visible {
            outline: 2px dashed #9D0D0D;
            outline-offset: 2px;
        }

        .site-events-block .past-events-summary svg {
            width: 16px;
            height: 16px;
            transition: transform 0.3s ease;
        }

        .site-events-block .past-events-drawer[open] .past-events-summary {
            margin-bottom: var(--event-gap-base);
            background: transparent;
            border-color: transparent;
        }

        .site-events-block .past-events-drawer[open] .past-events-summary svg {
            transform: rotate(180deg);
        }

        .site-events-block .is-past-list .event-item {
            opacity: 0.6;
            filter: grayscale(100%);
        }
        
        .site-events-block .is-past-list .event-item:hover,
        .site-events-block .is-past-list .event-item:focus-within {
            opacity: 1;
            filter: grayscale(0%);
        }

        .site-events-block .events-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: var(--event-gap-base);
        }

        .site-events-block .event-item {
            display: grid;
            grid-template-columns: 1fr;
            gap: var(--event-gap-base);
            padding: calc(var(--event-padding-base) * 2);
            background-color: transparent;
            border: 1px dashed rgba(43, 40, 36, 0.3);
            transition: box-shadow 0.3s ease, border-color 0.3s ease;
            position: relative;
        }

        .site-events-block .event-item:hover, 
        .site-events-block .event-item:focus-within {
            box-shadow: 0 8px 25px rgba(0,0,0,0.05);
            border-color: rgba(43, 40, 36, 0.6);
            background-color: #EFEBE1;
        }

        .site-events-block .event-thumbnail {
            width: 100%;
            height: 200px;
            overflow: hidden;
            background-color: rgba(43, 40, 36, 0.05);
            border: 1px solid rgba(43, 40, 36, 0.3);
        }

        .site-events-block .event-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            filter: sepia(20%);
            transition: filter 0.3s ease;
        }

        .site-events-block .event-item:hover .event-thumbnail img {
            filter: sepia(0%);
        }

        .site-events-block .event-thumbnail.no-image {
            display: flex;
            align-items: center;
            justify-content: center;
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: 30%;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.1;
            mix-blend-mode: multiply;
        }

        .site-events-block .event-date time {
            font-family: monospace;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #9D0D0D;
            text-transform: uppercase;
            display: flex;
            align-items: center;
        }

        .site-events-block .event-time {
            font-family: "Courier New", Courier, monospace;
            font-size: 14px;
            font-weight: bold;
            color: #2b2824;
            display: block;
            margin-top: 6px;
        }
        
        .site-events-block .event-recurring-icon {
            display: block;
            width: 14px;
            height: 14px;
            margin-left: 6px;
            color: currentColor;
            opacity: 0.8;
            flex-shrink: 0;
        }

        .site-events-block .event-venue {
            font-family: "Playfair Display", serif;
            font-size: 14px;
            color: rgba(43, 40, 36, 0.7);
            display: block;
            margin-top: 6px;
            font-style: italic;
        }

        .site-events-block .event-notice {
            display: inline-block;
            background-color: transparent;
            color: #9D0D0D;
            border: 1px solid #9D0D0D;
            font-family: monospace;
            font-weight: bold;
            font-size: 11px;
            padding: 4px 8px;
            margin-top: 10px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .site-events-block .event-title {
            font-family: "Playfair Display", serif;
            font-size: 28px;
            margin: 0 0 10px 0;
            color: #9D0D0D;
            letter-spacing: 1px;
        }

        .site-events-block .event-excerpt {
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
            line-height: 1.5;
            color: #2b2824;
            margin: 0 0 1.5rem 0;
        }

        .site-events-block .event-link {
            display: inline-block;
            font-family: monospace;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #9D0D0D;
            text-decoration: none;
            border-bottom: 1px dashed rgba(157, 13, 13, 0.4);
            padding-bottom: 4px;
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        .site-events-block .event-link:hover {
            color: #2b2824;
            border-color: #2b2824;
            opacity: 1;
        }

        .site-events-block .event-link:focus-visible {
            outline: 2px dashed #9D0D0D;
            outline-offset: 4px;
        }

        .site-events-block .events-empty-state {
            text-align: center;
            padding: 60px 40px;
            background: rgba(235, 230, 215, 0.5);
            border: 1px dashed rgba(43, 40, 36, 0.3);
            margin-top: 30px;
            position: relative;
        }

        .site-events-block .events-empty-state .empty-message {
            color: #9D0D0D;
            font-family: monospace;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 3px;
            text-transform: uppercase;
            margin: 0;
        }

        .site-events-block .events-jump-btn {
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-position: center;
            background-blend-mode: multiply;
            border: 1px solid #9D0D0D;
            color: #2b2824;
            border-radius: 30px;
            font-family: monospace;
            font-weight: bold;
            letter-spacing: 1px;
            box-shadow: 0px 3px 0px #9D0D0D, 0px 6px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.1s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
            padding: 0 25px;
            height: 46px;
            text-transform: uppercase;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-top: 25px;
        }

        .site-events-block .events-jump-btn:active {
            transform: translateY(3px);
            box-shadow: 0px 0px 0px #9D0D0D, 0px 2px 4px rgba(0, 0, 0, 0.1);
        }

        @media (hover: hover) and (pointer: fine) {
            .site-events-block .events-jump-btn:hover {
                color: #9D0D0D;
            }
        }

        .site-events-block .events-jump-btn:focus-visible {
            outline: none;
            color: #9D0D0D;
        }

        .site-events-block .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            border: 0;
        }

        @media (max-width: 768px) {
            .site-events-block .calendar-month-grid th {
                padding: 0.5rem;
                font-size: 12px;
            }
            .site-events-block .calendar-month-grid td {
                height: 60px;
                padding: 0.25rem;
            }
            .site-events-block .events-controls-bar {
                flex-direction: column;
                align-items: stretch;
            }
            .site-events-block .events-filters-group {
                flex-direction: column;
                width: 100%;
            }
            .site-events-block .events-view-toggles {
                width: 100%;
            }
            .site-events-block .view-toggle-btn {
                flex: 1;
            }
            .site-events-block .calendar-controls {
                flex-wrap: wrap;
                gap: 1rem;
                justify-content: center;
            }
            .site-events-block .calendar-month-title {
                order: -1;
                width: 100%;
            }
            .site-events-block .desktop-month-grid {
                display: none;
            }
            .site-events-block .mobile-month-list {
                display: block;
                margin-top: 1rem;
            }
        }

        @media (max-width: 768px) {
            .site-events-block .calendar-month-grid th {
                padding: 0.5rem;
                font-size: 12px;
            }
            .site-events-block .calendar-month-grid td {
                height: 60px;
                padding: 0.25rem;
            }
            .site-events-block .events-controls-bar {
                flex-direction: column;
                align-items: stretch;
            }
            .site-events-block .events-filters-group {
                flex-direction: column;
                width: 100%;
            }
            .site-events-block .events-view-toggles {
                display: none !important;
            }
            .site-events-block .calendar-controls {
                flex-wrap: wrap;
                gap: 1rem;
                justify-content: center;
            }
            .site-events-block .calendar-month-title {
                order: -1;
                width: 100%;
            }
            .site-events-block .desktop-month-grid {
                display: none;
            }
            .site-events-block .js-view-calendar {
                display: none !important;
            }
            .site-events-block .js-view-list {
                display: block !important;
                opacity: 1 !important;
                visibility: visible !important;
            }
        }

        @media (min-width: 768px) {
            .site-events-block .events-header {
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-end;
            }
            .site-events-block .events-header-top {
                flex-direction: column;
                align-items: flex-start;
            }
            .site-events-block .event-item {
                grid-template-columns: 220px 150px 1fr;
            }
            .site-events-block .event-thumbnail {
                height: 100%;
                min-height: 140px;
            }
        }

/* ==========================================================================
   MERCANTILE BROADSIDE (100% WIDTH HORROR VACUI)
   ========================================================================== */

    /* MAIN WRAPPER & OXFORD RULE FRAME */

        .mercantile-broadside {
            width: 100%;
            padding: 50px 0;
            background-color: transparent;
        }

        .mb-outer-frame {
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-blend-mode: multiply;
            border: 5px solid #2b2824;
            outline: 1px solid #2b2824;
            outline-offset: -9px; /* Creates the Oxford Rule */
            position: relative;
            box-shadow: 10px 15px 0px rgba(43, 40, 36, 0.1);
            overflow: hidden;
        }

/* AUDIO TOGGLE */

        .mb-audio-toggle {
            position: absolute;
            top: 20px;
            right: 40px; /* Inset slightly to clear the marginalia */
            z-index: 100;
            background: transparent;
            border: 1px solid rgba(43, 40, 36, 0.3);
            color: rgba(43, 40, 36, 0.8);
            font-family: monospace;
            font-size: 12px;
            text-transform: uppercase;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
            white-space: nowrap;
            transition: all 0.3s ease, opacity 0.3s ease;
        }

        @media (hover: hover) and (pointer: fine) {
            .mb-audio-toggle:hover {
                background-color: rgba(43, 40, 36, 0.08);
                border-color: rgba(43, 40, 36, 0.8);
            }
        }

        .mb-audio-toggle[aria-pressed="true"] {
            background: #2b2824;
            color: #EFEBE1;
            border-color: #2b2824;
        }

        .mb-audio-toggle:focus-visible {
            outline: 2px dashed #9D0D0D;
            outline-offset: 4px;
        }

        @media (max-width: 900px) {
            .mb-audio-toggle {
                right: 20px; /* Re-aligns beautifully when marginalia hides on mobile */
                padding: 6px 12px;
                font-size: 10px;
            }
        }

    /* VERTICAL MARGINALIA */

        .mb-marginalia {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            writing-mode: vertical-rl;
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 4px;
            color: rgba(43, 40, 36, 0.45);
            text-transform: uppercase;
            padding: 20px 0;
            pointer-events: none;
        }

        .mb-marg-left { left: 10px; border-right: 1px solid rgba(43, 40, 36, 0.2); transform: rotate(180deg); }
        .mb-marg-right { right: 10px; border-left: 1px solid rgba(43, 40, 36, 0.2); }

        .mb-inner-content {
            margin: 0 40px; /* Makes room for marginalia */
            padding: 20px;
        }

    /* EDITORIAL HEADER */

        .mb-header-section {
            text-align: center;
            margin-bottom: 25px;
        }

        .mb-oxford-rule-top {
            border-top: 4px solid #2b2824;
            border-bottom: 1px solid #2b2824;
            height: 7px;
            margin-bottom: 15px;
        }

        .mb-oxford-rule-bottom {
            border-top: 1px solid #2b2824;
            border-bottom: 4px solid #2b2824;
            height: 7px;
            margin-top: 15px;
        }

        .mb-headline {
            font-family: var(--title-font-family);
            font-size: clamp(48px, 7vw, 90px);
            line-height: 0.9;
            color: #9D0D0D;
            text-transform: uppercase;
            letter-spacing: -1px;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            padding-top: 25px;
        }

        .mb-dingbat {
            font-size: clamp(24px, 3vw, 40px);
            color: #2b2824;
        }

    /* 100% WIDTH GRID */

        .mb-grid {
            display: grid;
            grid-template-columns: 1.3fr 1.5fr 1fr; /* Image / Text / Action */
            gap: 30px;
        }

/* COLUMN 1: HERO STACK & BADGE */

        .mb-col-hero {
            border-right: 2px solid rgba(43, 40, 36, 0.8);
            padding-right: 30px;
            position: relative;
        }

        .mb-stack-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 500px;
            padding-top: 15px; /* Make room for the binding */
        }

        /* The Heavy Notebook Binding */
        .mb-stack-binding {
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            height: 18px;
            background-color: #2b2824;
            z-index: 105; /* Sits above the cards */
            border-radius: 2px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.4);
            /* Metal staple/stitching effect */
            background-image: repeating-linear-gradient(90deg, transparent, transparent 15px, rgba(239, 235, 225, 0.4) 15px, rgba(239, 235, 225, 0.4) 20px);
            border: 1px solid rgba(239, 235, 225, 0.2);
        }

        .mb-stack-container {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 500px;
            perspective: 1000px;
            user-select: none;
            -webkit-user-select: none;
        }

        /* The Physical Card */
        .mb-stack-card {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-blend-mode: multiply;
            border: 1px solid #2b2824;
            padding: 8px;
            display: flex;
            flex-direction: column;
            box-shadow: 2px 6px 12px rgba(0,0,0,0.2);
            cursor: pointer;
            transform-origin: top left;
            will-change: transform;
        }

        .mb-stack-card:active {
            cursor: grabbing;
        }

        .mb-card-image {
            flex-grow: 1;
            width: 100%;
            min-height: 350px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border: 1px solid rgba(43, 40, 36, 0.5);
            /* Prevent default browser image dragging */
            -webkit-user-drag: none;
        }

        /* NEW: The Tear Prompt Badge */
        .mb-tear-prompt {
            position: absolute;
            bottom: 12px;
            right: 12px;
            background-color: #2b2824;
            color: #EFEBE1;
            font-family: monospace;
            font-size: 15px;
            font-weight: 700;
            letter-spacing: 2px;
            padding: 15px;
            text-transform: uppercase;
            cursor: auto;
            box-shadow: 2px 2px 0px rgba(43, 40, 36, 0.5);
            pointer-events: none; /* Passes clicks right through to the card */
            z-index: 10;
        }

        .mb-card-image.placeholder-image {
            background-size: 50%;
            opacity: 0.15;
            background-color: transparent;
        }

        .mb-card-desc {
            background-color: rgba(255, 255, 255, 0.3);
            border: 1px dashed rgba(43, 40, 36, 0.5);
            padding: 15px 105px 15px 15px; /* FIX: Massive right padding forces wrap */
            margin-top: 8px;
            min-height: 80px;
            display: flex;
            align-items: center;
        }

        .mb-card-desc p {
            font-family: "Courier New", Courier, monospace;
            font-size: 13px;
            font-weight: 700;
            color: #2b2824;
            margin: 0;
            line-height: 1.3;
            text-align: center;
            width: 100%;
            text-transform: uppercase;
        }

        /* Badge sits entirely outside the tear animation */
        .mb-burst-badge {
            position: absolute;
            top: -15px;
            right: -25px; 
            width: 110px;
            height: 110px;
            background-color: #9D0D0D;
            color: #EFEBE1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            transform: rotate(12deg);
            box-shadow: 4px 6px 12px rgba(0,0,0,0.4);
            clip-path: polygon(50% 0%, 61% 16%, 75% 7%, 79% 22%, 93% 25%, 86% 40%, 100% 50%, 86% 60%, 93% 75%, 79% 78%, 75% 93%, 61% 84%, 50% 100%, 39% 84%, 25% 93%, 21% 78%, 7% 75%, 14% 60%, 0% 50%, 14% 40%, 7% 25%, 21% 22%, 25% 7%, 39% 16%);
            z-index: 110; /* Extremely high so cards tear beneath it */
            pointer-events: none;
        }

        .mb-burst-inner {
            font-family: monospace;
            font-size: 16px;
            font-weight: 900;
            letter-spacing: 2px;
            line-height: 1.1;
            border: 1px dashed rgba(239, 235, 225, 0.6);
            border-radius: 50%;
            width: 90px;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    /* COLUMN 2: EDITORIAL & DOT LEADERS */

        .mb-col-editorial {
            display: flex;
            flex-direction: column;
            border-right: 2px solid rgba(43, 40, 36, 0.8);
            padding-right: 30px;
        }

        /* The Massive Drop Cap */
        .mb-body-copy {
            font-family: "Playfair Display", serif;
            font-size: 17px;
            line-height: 1.4;
            color: #2b2824;
            margin: 0;
            text-align: justify;
        }

        .mb-body-copy::first-letter {
            float: left;
            font-family: var(--title-font-family);
            font-size: 85px;
            line-height: 0.7;
            padding-top: 8px;
            padding-right: 8px;
            color: #9D0D0D;
            text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
        }

        .mb-run-in {
            font-family: monospace;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: 1px;
            color: #9D0D0D;
        }

        /* Dot Leader Pricing */
        .mb-pricing-ledger {
            margin-top: 30px;
            border-top: 1px dashed rgba(43, 40, 36, 0.5);
            padding-top: 20px;
            flex-grow: 1;
        }

        .mb-pricing-title {
            font-family: monospace;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 4px;
            color: #2b2824;
            text-transform: uppercase;
            margin: 0 0 25px 0;
            text-align: center;
        }

        .mb-dot-leaders {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .mb-dot-leaders li {
            display: flex;
            align-items: center;
            font-family: "Courier New", Courier, monospace;
            font-size: 15px;
            font-weight: 700;
            color: #2b2824;
            position: relative;
            cursor: pointer;
            padding: 8px 0;
        }
        
        .mb-dot-leaders li:focus-visible {
            outline: 2px dashed #9D0D0D;
            outline-offset: 4px;
        }

        .mb-postage-stamp {
            width: 40px;
            height: 40px;
            object-fit: cover;
            border: 1px solid #2b2824;
            padding: 2px;
            background: #fff;
            filter: sepia(60%) grayscale(50%) contrast(150%);
            margin-right: 12px;
            transform: rotate(-3deg);
            box-shadow: 1px 2px 4px rgba(0,0,0,0.2);
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), filter 0.3s ease, border-color 0.3s ease;
        }

        .mb-postage-stamp:nth-child(even) {
            transform: rotate(2deg);
        }

        .mb-postage-stamp.placeholder {
            background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            background-size: 60%;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.3;
        }

        .mb-manicule {
            color: #9D0D0D;
            font-size: 18px;
            margin-right: 6px;
        }

        .mb-item {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            position: relative;
            z-index: 2;
            padding-right: 5px;
        }

        .mb-item::after {
            content: '';
            position: absolute;
            bottom: 10px;
            left: 50px;
            right: -2px;
            height: 35%;
            background-color: rgba(157, 13, 13, 0.2);
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
            z-index: -1;
        }

        @media (hover: hover) and (pointer: fine) {
            .mb-dot-leaders li:hover .mb-item::after {
                transform: scaleX(1);
            }
            .mb-dot-leaders li:hover .mb-postage-stamp {
                transform: scale(1.1) rotate(0deg);
                filter: sepia(0%) grayscale(0%) contrast(110%);
                z-index: 5;
            }
            .mb-dot-leaders li:hover .mb-price {
                color: #9D0D0D;
            }
        }

        .mb-dot-leaders li.is-active .mb-item::after {
            transform: scaleX(1);
            background-color: rgba(157, 13, 13, 0.3);
        }
        
        .mb-dot-leaders li.is-active .mb-postage-stamp {
            transform: scale(1.15) rotate(0deg);
            filter: sepia(0%) grayscale(0%) contrast(110%);
            z-index: 5;
            border-color: #9D0D0D;
        }
        
        .mb-dot-leaders li.is-active .mb-price {
            color: #9D0D0D;
        }
        
        .mb-dot-leaders li.is-active .mb-item-name {
            color: #9D0D0D;
        }

        .mb-leader {
            flex-grow: 1;
            border-bottom: 2px dotted rgba(43, 40, 36, 0.4);
            margin: 0 5px;
            position: relative;
            top: 4px;
        }

        .mb-price {
            flex-shrink: 0;
            color: #2b2824;
            transition: color 0.3s ease;
        }
        
        .mb-item-name {
            transition: color 0.3s ease;
        }

/* "And Much More" Link & Dueling Manicules */
        .mb-much-more {
            margin-top: 40px;
            text-align: center;
        }

        .mb-much-more-link {
            font-family: var(--title-font-family);
            font-size: clamp(28px, 3.5vw, 42px);
            line-height: 1;
            color: #9D0D0D;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            margin: 0;
            white-space: nowrap;
            text-decoration: none;
            cursor: pointer;
        }

        .mb-much-more-link:focus-visible {
            outline: 2px dashed #9D0D0D;
            outline-offset: 6px;
        }

        .mb-much-more-text {
            padding-top: 20px;
            transition: color 0.3s ease;
        }

        .mb-manicule-large {
            font-size: clamp(34px, 4.5vw, 54px);
            color: #2b2824;
            line-height: 0;
            position: relative;
            top: -4px;
            transition: color 0.3s ease;
        }

        /* The Hover Animation */
        @media (hover: hover) and (pointer: fine) {
            .mb-much-more-link:not(.is-placeholder):hover .mb-much-more-text {
                color: #2b2824; /* Subtle flip to dark ink on hover */
            }
            
            .mb-much-more-link:not(.is-placeholder):hover .left-hand {
                animation: mb-point-right 0.5s infinite alternate ease-in-out;
            }
            
            .mb-much-more-link:not(.is-placeholder):hover .right-hand {
                animation: mb-point-left 0.5s infinite alternate ease-in-out;
            }
        }

        @keyframes mb-point-right {
            0% { transform: translateX(0); }
            100% { transform: translateX(8px); color: #9D0D0D; }
        }

        @keyframes mb-point-left {
            0% { transform: translateX(0); }
            100% { transform: translateX(-8px); color: #9D0D0D; }
        }

        /* Mobile Scaling */
        @media (max-width: 900px) {
            .mb-much-more {
                margin-top: 30px;
            }
            .mb-much-more-link {
                font-size: 26px;
                gap: 12px;
            }
            .mb-manicule-large {
                font-size: 32px;
                top: -2px;
            }
        }

    /* COLUMN 3: GUARANTEE & COUPON */

        .mb-col-action {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 30px;
        }

        /* Ironclad Guarantee Certificate */
        .mb-guarantee-cert {
            border: 3px double #2b2824;
            padding: 25px 20px;
            background-color: rgba(255,255,255,0.4);
            text-align: center;
            position: relative;
            overflow: hidden;
            box-shadow: inset 0 0 20px rgba(0,0,0,0.05);
        }

        .mb-cert-watermark {
            position: absolute;
            inset: 0;
            background-image: url('/wp-content/uploads/2026/03/tr-logo-e1774469887307.png'); /* Swap for skull if preferred */
            background-size: 60%;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.04;
            pointer-events: none;
        }

        .mb-cert-title {
            font-family: var(--title-font-family);
            font-size: 24px;
            color: #2b2824;
            margin: 0 0 10px 0;
            letter-spacing: 1px;
            position: relative;
            z-index: 2;
        }

        .mb-cert-copy {
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: 15px;
            line-height: 1.4;
            color: #4a453f;
            margin: 0;
            position: relative;
            z-index: 2;
        }

        .mb-cert-seal {
            position: absolute;
            bottom: -15px;
            right: -15px;
            width: 80px;
            height: 80px;
            border: 2px solid rgba(186, 57, 57, 0.4);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: monospace;
            font-size: 10px;
            font-weight: 900;
            color: rgba(186, 57, 57, 0.6);
            transform: rotate(-25deg);
            text-align: center;
            line-height: 1.1;
            mix-blend-mode: multiply;
        }

        .mb-cert-seal::after {
            content: '';
            position: absolute;
            inset: 3px;
            border: 1px dashed rgba(186, 57, 57, 0.3);
            border-radius: 50%;
        }

        /* The Cut-Out Coupon CTA */
        .mb-coupon-wrapper {
            position: relative;
        }

        .mb-cut-line {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 10px;
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 2px;
            color: #2b2824;
            opacity: 0.7;
        }

        .mb-scissors {
            font-size: 16px;
        }

        .mb-coupon {
            border: 2px dashed #2b2824;
            padding: 30px 20px;
            background-color: rgba(157, 13, 13, 0.03);
            text-align: center;
            transition: background-color 0.3s ease;
        }

        @media (hover: hover) and (pointer: fine) {
            .mb-coupon:hover {
                background-color: rgba(157, 13, 13, 0.08);
            }
        }

        .mb-coupon-pitch {
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: 16px;
            line-height: 1.3;
            color: #2b2824;
            margin: 0 0 20px 0;
        }

        .mb-coupon-btn {
            display: block;
            background-color: #2b2824;
            color: #EFEBE1;
            font-family: monospace;
            font-size: 15px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            text-decoration: none;
            padding: 16px 10px;
            border: 1px solid #2b2824;
            transition: all 0.2s ease;
            cursor: pointer;
        }

        @media (hover: hover) and (pointer: fine) {
            .mb-coupon-btn:not(.is-placeholder):hover {
                background-color: #9D0D0D;
                color: #FFFFFF;
                border-color: #9D0D0D;
                transform: translateY(-2px);
                box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
            }
        }

/* The Faded Skull Imprint */
        .mb-skull-imprint {
            flex-grow: 1; /* Allows it to organically fill the space between the cert and coupon */
            min-height: 160px;
            background-image: url('/wp-content/uploads/2026/03/tr-logo-e1774469887307.png');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.15; /* Keeps it subtle like a faded watermark/imprint */
            mix-blend-mode: multiply;
            transform: rotate(-3deg) scale(0.85); /* Slight rotation so it looks hand-stamped */
            pointer-events: none;
            filter: saturate(0%);
        }
        
        /* Hide it on mobile so the column doesn't get artificially tall when stacked */
        @media (max-width: 1400px) {
            .mb-skull-imprint {
                display: none;
            }
        }

    /* THE MICRO FOOTER */

        .mb-micro-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid rgba(43, 40, 36, 0.8);
            border-bottom: 1px solid rgba(43, 40, 36, 0.8);
            padding: 6px 10px;
            margin-top: 20px;
            background-color: rgba(43, 40, 36, 0.05);
        }

        .mb-fob {
            font-family: monospace;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 2px;
            color: rgba(43, 40, 36, 0.6);
            text-transform: uppercase;
        }

    /* RESPONSIVE BREAKPOINTS */

        @media (max-width: 1400px) {
            .mb-grid {
                grid-template-columns: 1fr 1fr;
            }
            .mb-col-action {
                grid-column: 1 / -1;
                flex-direction: row;
                border-top: 2px solid rgba(43, 40, 36, 0.8);
                padding-top: 30px;
            }
            .mb-guarantee-cert, .mb-coupon-wrapper {
                flex: 1;
            }
            .mb-col-editorial {
                border-right: none;
                padding-right: 0;
            }
        }

        @media (max-width: 900px) {
            .mb-marginalia {
                display: none;
            }
            .mb-inner-content {
                margin: 0;
                padding: 10px;
            }
            .mb-grid {
                grid-template-columns: 1fr;
            }
            .mb-col-hero {
                border-right: none;
                border-bottom: 2px solid rgba(43, 40, 36, 0.8);
                padding-right: 0;
                padding-bottom: 30px;
            }
            .mb-col-action {
                flex-direction: column;
            }
            .mb-headline {
                font-size: 12vw;
            }
            .mb-burst-badge {
                width: 90px;
                height: 90px;
                top: -10px;
                right: -10px;
            }
            .mb-burst-inner {
                width: 74px;
                height: 74px;
                font-size: 12px;
            }
            .mb-micro-footer {
                flex-direction: column;
                gap: 5px;
                text-align: center;
                padding: 10px;
            }
        }

        /* Allow the "NEXT" button to be physically tapped on mobile */
        @media (max-width: 900px) {
            .mb-tear-prompt {
                pointer-events: auto; 
            }
        }

/*LIVING SKETCH*/

    .layout-living-sketch {
        position: relative;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        overflow: hidden;
        background-color: #EFEBE1;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        z-index: 10;
    }

    .living-sketch-canvas {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
    }

    .living-sketch-ui {
        position: relative;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        padding: 6vw 5vw;
        pointer-events: none;
        max-width: 900px;
        opacity: 0;
        transform: translateY(30px);
        will-change: transform, opacity;
    }

    .living-sketch-ui::before {
        content: '';
        position: absolute;
        inset: -50%;
        background: radial-gradient(ellipse at center, rgba(239, 235, 225, 0.8) 0%, rgba(239, 235, 225, 0) 70%);
        z-index: -1;
        pointer-events: none;
    }

    .living-sketch-ui .title {
        color: #2b2824;
        font-size: clamp(48px, 6vw, 100px);
        margin: 0 0 25px 0;
        line-height: 0.9;
        letter-spacing: 1px;
        text-shadow: 0 2px 20px rgba(255, 255, 255, 0.9), 0 0 40px rgba(255, 255, 255, 1);
    }

    .living-sketch-ui .custom-arrow {
        pointer-events: auto;
        text-decoration: none;
        padding: 0 35px;
        height: 55px;
        background-color: #9D0D0D;
        color: #FFF;
        border: 1px solid #9D0D0D;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: monospace;
        font-weight: bold;
        letter-spacing: 2px;
        border-radius: 30px;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .living-sketch-ui .custom-arrow:hover {
        background-color: #2b2824;
        border-color: #2b2824;
        transform: translateY(-2px);
    }

    .living-sketch-fallback {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        display: none;
    }

/*PROPERTY LEDGER*/

    .property-ledger-section {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-bottom: 25px;
    }
    .property-ledger-section::after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 14px;
        background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
        background-size: 14px 14px;
        background-repeat: repeat-x;
        opacity: 0.25;
        mix-blend-mode: multiply;
        pointer-events: none;
        z-index: 10;
    }

    .property-ledger-section::before {
        top: 0;
    }

    .property-ledger-section::after {
        bottom: 0;
    }

    .pl-audio-toggle {
        position: absolute;
        top: 50px;
        left: 40px;
        z-index: 100;
        background: transparent;
        border: 1px solid rgba(239, 235, 225, 0.3);
        color: rgba(239, 235, 225, 0.8);
        font-family: monospace;
        font-size: 12px;
        text-transform: uppercase;
        padding: 8px 15px;
        border-radius: 4px;
        cursor: pointer;
        display: flex;
        white-space: nowrap;
        align-items: center;
        gap: 8px;
        transition: all 0.3s ease;
    }

    .pl-audio-toggle[aria-pressed="true"] {
        background: #EFEBE1;
        color: #2b2824;
        border-color: #EFEBE1;
    }

    .pl-audio-toggle:focus-visible {
        outline: 2px dashed #9D0D0D;
        outline-offset: 4px;
    }

    .pl-audio-toggle svg {
        flex-shrink: 0;
        width: 1.2em;
        height: 1.2em;
    }

    .pl-container {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 100vh;
        min-height: 600px;
    }

    .pl-item {
        position: relative;
        flex: 1;
        height: 100%;
        overflow: hidden;
    }

    .pl-item:last-child {
        border-right: none;
    }

    .pl-item.is-active {
        flex: 7;
    }

    .pl-bg {
        filter: sepia(80%) contrast(120%) brightness(50%);
        transform: scale(1.1);
        transform-origin: center center;
    }

    .pl-item.is-active .pl-bg {
        filter: sepia(0%) contrast(100%) brightness(100%);
        transform: scale(1);
    }

    .pl-overlay {
        background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.7) 100%);
        opacity: 1;
        pointer-events: none;
    }

    .pl-item.is-active .pl-overlay {
        opacity: 0.3;
    }

    .pl-trigger {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pl-trigger:focus-visible {
        outline: 3px dashed #EFEBE1;
        outline-offset: -6px;
    }

    .pl-collapsed-title {
        font-family: var(--title-font-family);
        font-size: clamp(24px, 3vw, 42px);
        color: #EFEBE1;
        white-space: nowrap;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        opacity: 0.7;
        letter-spacing: 2px;
        text-transform: uppercase;
        pointer-events: none;
    }

    .pl-item.is-active .pl-collapsed-title {
        opacity: 0;
        visibility: hidden;
    }

    .pl-content-wrapper {
        position: absolute;
        bottom: 40px;
        left: 40px;
        width: calc(100% - 80px);
        max-width: 500px;
        z-index: 20;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
    }

    .pl-item.is-active .pl-content-wrapper {
        pointer-events: auto;
    }

    .pl-content-bg {
        position: absolute;
        inset: 0;
        background-color: #EFEBE1;
        background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
        background-size: cover;
        background-blend-mode: multiply;
        box-shadow: 10px 15px 30px rgba(0,0,0,0.5);
        border: 1px solid rgba(43, 40, 36, 0.8);
        z-index: -1;
    }

    .pl-content-bg::before {
        content: '';
        position: absolute;
        inset: 4px;
        border: 1px dashed rgba(43, 40, 36, 0.3);
        pointer-events: none;
    }

    .pl-content-inner {
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .pl-header {
        border-bottom: 2px solid #2b2824;
        padding-bottom: 15px;
    }

    .pl-folio-num {
        font-family: monospace;
        font-size: 11px;
        letter-spacing: 3px;
        color: rgba(43, 40, 36, 0.6);
        text-transform: uppercase;
        display: block;
        margin-bottom: 10px;
    }

    .pl-title {
        font-family: var(--title-font-family);
        font-size: 42px;
        font-weight: 700;
        color: #9D0D0D;
        margin: 0;
        line-height: 1;
        text-transform: uppercase;
    }

    .pl-desc {
        font-family: "Playfair Display", serif;
        font-size: 16px;
        line-height: 1.5;
        color: #2b2824;
        margin: 0;
        font-style: italic;
    }

/* ---------------------------------------------------- */
/* INFINITE ZOOM SECTION                                */
/* ---------------------------------------------------- */
    
    .infinite-zoom-section {
        position: relative;
        width: 100vw;
        height: 100vh; 
        background: #000;
    }

    .iz-sticky {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: #000;
    }

    /* Flourish 1: Cinematic Vignette Overlay */
    .iz-sticky::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.7) 120%);
        z-index: 50; 
    }

    /* STACKED SLIDES */
    .iz-slide {
        position: absolute;
        inset: 0;
        width: 100vw;
        height: 100vh;
        transform-origin: center center;
        pointer-events: none;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    
    .iz-slide.is-active {
        pointer-events: auto;
    }

    /* THE MAGIC PORTAL CLIP PATH */
    .iz-slide-clipped {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        clip-path: polygon(0% 0%, 0% 100%, 37.5% 100%, 37.5% 37.5%, 62.5% 37.5%, 62.5% 62.5%, 37.5% 62.5%, 37.5% 100%, 100% 100%, 100% 0%);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* Solid slides (like the final layer) don't have a hole or frame */
    .iz-solid {
        clip-path: none;
        background-color: #EFEBE1;
    }

    /* The Oxford Rule frame that sits OVER the clipped hole */
    .iz-hole-frame {
        position: absolute;
        top: 37.5%;
        left: 37.5%;
        width: 25%;
        height: 25%;
        border: 4px solid #2b2824;
        outline: 1px solid #2b2824;
        outline-offset: -8px;
        pointer-events: none;
        box-shadow: 0 0 40px rgba(0,0,0,0.5); 
        z-index: 10;
    }
    
    /* Layouts with dark backgrounds get a white frame */
    .iz-slide[data-index="1"] .iz-hole-frame {
        border-color: #EFEBE1;
        outline-color: #EFEBE1;
    }

    .iz-slide[data-index="3"] .iz-hole-frame {
        display: none;
    }

    /* --- THE HOTSPOT FOR CLICK-TO-WARP --- */
    .iz-portal-click {
        position: absolute;
        top: 37.5%;
        left: 37.5%;
        width: 25%;
        height: 25%;
        z-index: 50; /* Ensure it sits on top of everything to catch the click */
        cursor: pointer;
    }
    .iz-portal-click:focus-visible {
        outline: 2px dashed #9D0D0D;
        outline-offset: 4px;
        background-color: rgba(255, 255, 255, 0.05); /* Slight visual feedback on focus */
    }

    /* GENERIC TYPOGRAPHY AND IMAGES */
    .iz-title {
        font-family: var(--title-font-family);
        font-size: clamp(36px, 5vw, 64px);
        color: #9D0D0D;
        margin: 0;
        text-transform: uppercase;
        line-height: 1;
    }

    .iz-copy {
        font-family: var(--copy-font-family);
        font-size: 18px;
        color: #2b2824;
        margin: 0 0 25px 0;
        line-height: 1.5;
    }
    
    .iz-img {
        width: 100%;
        height: 100%;
        max-height: 65vh; /* Enforce the 65% height constraint globally */
        object-fit: contain; /* Keeps image in bounds without cropping */
        z-index: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .iz-text-zone {
        z-index: 10;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* Flourish 2: Breathing Background Watermark Animation */
    @keyframes iz-breath {
        0% { opacity: 0.03; }
        100% { opacity: 0.06; }
    }

    .iz-giant-bg-text {
        font-family: var(--title-font-family);
        color: #2b2824;
        opacity: 0.04;
        position: absolute;
        pointer-events: none;
        z-index: 0; 
        text-transform: uppercase;
        letter-spacing: -2px;
        white-space: normal; /* Allows text to wrap to two lines */
        text-align: center;
        line-height: 0.85; /* Keeps the wrapped lines tight */
        width: 100%;
        margin: 0;
        padding: 0 4vw;
        animation: iz-breath 5s infinite alternate ease-in-out;
    }
    
    .iz-bg-dark .iz-giant-bg-text {
        color: #EFEBE1;
        opacity: 0.03;
    }

    /* Slide 1: Empty Top Zone */
    .iz-slide[data-index="0"] .iz-giant-bg-text {
        top: 3vh; 
        left: 50%;
        transform: translateX(-50%);
        font-size: min(11vw, 12vh); 
    }

    /* Slide 2: Empty Bottom Zone */
    .iz-slide[data-index="1"] .iz-giant-bg-text {
        bottom: 3vh;
        left: 50%;
        transform: translateX(-50%);
        font-size: min(11vw, 12vh); 
    }

    /* Slide 3: Empty Top Zone */
    .iz-slide[data-index="2"] .iz-giant-bg-text {
        top: 3vh;
        left: 50%;
        transform: translateX(-50%);
        font-size: min(11vw, 12vh);
    }

    /* Slide 4: Bottom Right (Avoids the top-left Inset Card) */
    .iz-slide[data-index="3"] .iz-giant-bg-text {
        bottom: 4vh;
        right: 4vw;
        left: auto;
        transform: none;
        text-align: right;
        width: auto;
        font-size: min(9vw, 10vh);
    }

    .ep-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Space for the external link icon */
        background-color: #2b2824;
        color: #EFEBE1;
        font-family: monospace;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 15px 30px;
        text-decoration: none;
        border: 1px solid #2b2824;
        transition: all 0.3s ease;
    }

    /* BACKGROUND COLOR CLASSES */
    .iz-bg-paper {
        background-color: #EFEBE1;
        background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
        background-size: cover;
        background-blend-mode: multiply;
    }
    .iz-bg-dark {
        background-color: #9d0d0d;
    }

    /* --- MODULAR LAYOUT CLASSES --- */
    
    /* Layout: Split (Image Left, Text Right) */
    .iz-layout-split .iz-img-zone {
        position: absolute;
        left: 0;
        width: 37.5%; 
        height: 100%;
        border-right: 2px solid #2b2824;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4vw; 
    }
    .iz-layout-split .iz-text-zone {
        position: absolute;
        right: 0;
        width: 37.5%; 
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 5vw;
        border-left: 2px solid #2b2824;
    }

    /* Layout: Reverse Split (Text Left, Image Right) */
    .iz-layout-reverse .iz-text-zone {
        position: absolute;
        left: 0;
        width: 37.5%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 5vw;
        border-right: 2px dashed rgba(43, 40, 36, 0.4);
    }
    .iz-layout-reverse .iz-img-zone {
        position: absolute;
        right: 0;
        width: 37.5%;
        height: 100%;
        border-left: 2px dashed rgba(43, 40, 36, 0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4vw;
    }

    /* Alternate borders for reverse split on Dark Backgrounds */
    .iz-bg-dark.iz-layout-reverse .iz-text-zone {
        border-right: 2px dashed rgba(43, 40, 36, 0.4);
        background-color: #EFEBE1;
        background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
        background-size: cover;
        background-blend-mode: multiply;
        box-shadow: -10px 0 30px rgba(0,0,0,0.3); /* Adds depth to the paper card on the red mat */
    }
    .iz-bg-dark.iz-layout-reverse .iz-img-zone {
        border-left: none; /* The card now handles the border divide organically */
    }

    /* Layout: Inset Card (Final Layer, No Hole) */
    .iz-layout-inset .iz-img-zone {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4vw;
    }
    .iz-layout-inset .iz-text-zone {
        position: absolute;
        top: 8vh;
        left: 5vw;
        width: 400px;
        background-color: #EFEBE1;
        background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
        background-size: cover;
        background-blend-mode: multiply;
        border: 2px solid #2b2824;
        box-shadow: 10px 10px 0px rgba(0,0,0,0.3);
        padding: 40px;
    }

    @media (hover: hover) and (pointer: fine) {
        .pl-action:hover, .ep-cta:hover {
            background-color: #9D0D0D;
            border-color: #9D0D0D;
            color: #FFFFFF;
        }
        .pl-audio-toggle:hover {
            background-color: rgba(239, 235, 225, 0.08);
            border-color: rgba(239, 235, 225, 0.8);
        }
    }

    @media (max-width: 1000px) {
        .pl-audio-toggle { top: 40px; left: 20px; padding: 6px 12px; font-size: 10px; }
        .pl-container { flex-direction: column; height: auto; min-height: 100vh; }
        .pl-item { flex: none; height: 15vh; border-right: none; border-bottom: 1px solid rgba(239, 235, 225, 0.15); }
        .pl-item:last-child { border-bottom: none; }
        .pl-item.is-active { flex: none; height: 85vh; }
        .pl-collapsed-title { writing-mode: horizontal-tb; transform: none; }
        .pl-content-wrapper { bottom: 20px; left: 20px; width: calc(100% - 40px); }
        
        /* Ensures the Ledger matches the 25px rule perfectly */
        .pl-content-inner { padding: 25px; gap: 15px; }
        
        .pl-title { font-size: 32px; }
        
        /* Infinite Zoom Mobile Fallbacks */
        .infinite-zoom-section { height: auto !important; }
        .iz-sticky { height: auto; overflow: hidden; }
        .iz-sticky::after { display: none; } /* Hide the cinematic vignette on mobile */
        .iz-slide { 
            position: relative; 
            height: auto; 
            width: 100%; 
            clip-path: none !important; 
            pointer-events: auto !important; 
            border-bottom: 1px dashed #9d0d0d;
        }
        .iz-slide-clipped, .iz-solid { position: relative; clip-path: none !important; transform: none !important; }
        .iz-hole-frame, .iz-portal-click { display: none; }
        
        /* Mobile Refinement: Lock all background text safely to the top of each slide with 25px padding */
        .iz-slide[data-index] .iz-giant-bg-text { 
            top: 2vh !important;
            bottom: auto !important;
            left: 50% !important;
            right: auto !important;
            transform: translateX(-50%) !important;
            text-align: center !important;
            font-size: min(16vw, 10vh) !important; 
            width: 100% !important;
            padding: 0 25px !important;
            box-sizing: border-box;
        } 
        
        /* Mobile Refinement: Force strict Image Top / Text Bottom grid using Flexbox Order */
        .iz-layout-split, .iz-layout-reverse, .iz-layout-inset { 
            display: flex !important; 
            flex-direction: column !important; 
            height: auto !important; 
        }
        
        /* Enforce the strict 25px left/right grid on all zones */
        .iz-img-zone { 
            order: 1 !important; 
            position: relative !important; 
            width: 100% !important; 
            height: 400px !important; 
            border: none !important; 
            padding: 40px 25px !important; 
        }
        .iz-img { max-height: 100%; }

        .iz-text-zone { 
            order: 2 !important; 
            position: relative !important; 
            top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; 
            width: 100% !important; height: auto !important; 
            padding: 40px 25px !important; 
            border: none !important; 
            opacity: 1 !important; 
            transform: none !important; 
            flex-direction: column !important; 
            align-items: flex-start !important; 
            justify-content: flex-start !important; 
            gap: 20px; 
        }

        .iz-slide[data-index="3"] .iz-text-zone { 
            width: 100% !important; 
            padding: 40px 25px !important; 
            box-shadow: none; 
            border: none; 
        }
    }

/*HERO SCROLL*/

    .hero-scroll-container {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 250vh; 
    }

    .hero-scroll-pinned {
        position: absolute; 
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    .hero-image-wrapper {
        position: absolute;
        bottom: 10vh;
        right: 5vw;
        width: 45vw;
        height: 50vh;
        z-index: 1;
        overflow: hidden;
        border-radius: 8px;
    }

    .hero-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at center, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.85) 100%);
        z-index: 2;
        opacity: 0;
        pointer-events: none;
    }

    .hero-content {
        position: relative;
        z-index: 3;
        width: 100%;
        padding: 0 5vw;
        pointer-events: none;
        align-self: center;
    }

/* ==========================================================================
   7. GLOBAL SECTIONS
   ========================================================================== */

/*BODY*/

    body {
        position: relative !important;
    }

    .body-background-scrolling {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: -10;
        overflow: hidden;
        pointer-events: none;
    }

    .body-map-image {
        width: 100%;
        height: 200vh;
        object-fit: cover;
        object-position: top center;
        display: block;
        will-change: transform;
    }

/*HEADER*/

    /*BASE HEADER*/

        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            display: flex;
            align-items: center;
            transition: background-color 0.4s ease;
            --hamburger-color: #9D0D0D;
            --plantrip-bg: #FFFFFF;
            --plantrip-color: #9D0D0D;
            --plantrip-hover-bg: #161616;
            --plantrip-hover-color: #FFFFFF;
            --book-bg: #9D0D0D;
            --book-color: #FFFFFF;
            --book-hover-bg: #161616;
            --book-hover-color: #FFFFFF;
        }

        header.header-dark {
            --hamburger-color: #FFFFFF;
            --plantrip-bg: #9D0D0D;
            --plantrip-color: #FFFFFF;
            --plantrip-hover-bg: #161616;
            --plantrip-hover-color: #FFFFFF;
            --book-bg: #FFFFFF;
            --book-color: #9D0D0D;
            --book-hover-bg: #161616;
            --book-hover-color: #FFFFFF;
        }

    /*LOGO*/

        header .header-logo {
            position: fixed;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
        }

        header .header-logo img {
            width: 150px;
        }

    /*CUSTOM HAMBURGER*/

        .custom-hamburger {
            margin-top: 15px;
            margin-left: 25px;
            display: block;
            background: none;
            border: none;
            cursor: pointer;
            width: 50px;
            height: 50px;
            position: relative;
            z-index: 10000;
        }

        .custom-hamburger .line {
            width: 40px;
            height: 1px;
            background-color: var(--hamburger-color);
            position: absolute;
            left: 5px;
            top: 50%;
        }

        .trigger .line {
            background-color: var(--hamburger-color);
            transition: background-color 0s;
        }

        .trigger[aria-expanded="true"] .line {
            background-color: #ffffff !important;
            transition: background-color 0.8s cubic-bezier(0.19, 1, 0.22, 1);
        }

        .custom-hamburger .line-1 {
            transform: translateY(-6px);
        }

        .custom-hamburger .line-2 {
            transform: translateY(6px);
        }

    /*HEADER BUTTONS*/

        header .header-plantrip {
            font-family: var(--subheading-font-family);
            font-size: var(--subheading-font-size);
            background-color: var(--plantrip-bg);
            color: var(--plantrip-color);
            padding: 20px 25px;
            transition: background-color 0.4s ease, color 0.4s ease;
        }

        header .header-book {
            font-family: var(--subheading-font-family);
            font-size: var(--subheading-font-size);
            padding: 20px 25px;
            background-color: var(--book-bg);
            color: var(--book-color);
            transition: background-color 0.4s ease, color 0.4s ease;
        }

        @media (hover: hover) and (pointer: fine) {

            header .header-plantrip:hover,
            header .header-plantrip:focus-visible {
                background-color: var(--plantrip-hover-bg);
                color: var(--plantrip-hover-color);
            }

            header .header-book:hover,
            header .header-book:focus-visible {
                background-color: var(--book-hover-bg);
                color: var(--book-hover-color);
            }

        }

    /*NAVIGATION WRAPPER*/

        nav {
            position: fixed;
            top: 0;
            left: 0;
            height: 100dvh;
            width: 100vw;
            z-index: 9997;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            overflow: hidden;
            background-color: #050300;
        }

        header.show-nav,
        nav.show-nav,
        header.show-nav a,
        nav.show-nav a,
        header.show-nav button,
        nav.show-nav button {
            cursor: none;
        }

        nav .center {
            position: relative;
            z-index: 20;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .nav-layout-grid {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 85vw;
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 20;
        }

        .nav-col-left,
        .nav-col-right {
            width: 30%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .nav-col-right {
            position: relative;
            height: 80vh;
        }

    /*MENU LISTS*/

        .nav-menu-list,
        .sub-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .nav-menu-list {
            display: block;
        }

        .sub-menu {
            display: none;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translateY(-50%);
            flex-direction: column;
            justify-content: center;
        }

        .sub-menu.active-submenu {
            display: flex;
        }

        .nav-menu-list li {
            text-align: right;
            position: relative;
            padding: 25px 0;
        }

        .sub-menu li {
            text-align: left;
            position: relative;
            padding: 25px 0;
        }

    /*MENU LINKS*/

        .nav-col-left a,
        .nav-col-right a {
            display: inline-block;
            font-size: 42px;
            text-transform: lowercase;
            font-variant: small-caps;
            color: #e5d9c5;
            text-decoration: none;
            letter-spacing: 4px;
            position: relative;
            z-index: 10;
            -webkit-tap-highlight-color: transparent;
            text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5), -1px -1px 0px rgba(0, 0, 0, 0.75), 1px -1px 0px rgba(0, 0, 0, 0.25), -1px 1px 0px rgba(0, 0, 0, 0.5);
            will-change: transform, opacity, filter;
        }

        .nav-menu-list a {
            font-family: "Playfair Display", serif;
        }

        .sub-menu a,
        .sub-menu .main-text {
            font-family: var(--subheading-font-family);
            text-transform: none;
        }

    /*HOVER STATES & INDICATORS*/

        .nav-menu-list .menu-item-has-children > a .nav-plus-indicator {
            position: absolute;
            right: -20px;
            top: 50%;
            transform: translateY(-50%);
            font-family: "Playfair Display", serif;
            font-size: 28px;
            font-weight: 400;
            line-height: 1;
            color: #e5d9c5;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), color 0.3s ease;
            pointer-events: none;
            display: inline-block;
        }

        .nav-menu-list .menu-item-has-children > a.is-hover-active .nav-plus-indicator {
            transform: translateY(-50%) rotate(45deg);
            color: #9D0D0D;
        }

        .nav-menu-list a::after,
        .sub-menu a::after {
            content: "";
            position: absolute;
            bottom: -15px;
            width: 120%;
            height: 55px;
            background-color: #9D0D0D;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 100'%3E%3Cpath d='M10,40 L50,35 L120,42 L200,38 L300,45 L400,36 L480,42 L485,55 L400,60 L300,52 L200,58 L100,50 L20,55 Z' fill='black'/%3E%3Ccircle cx='15' cy='35' r='2' fill='black'/%3E%3Ccircle cx='485' cy='60' r='3' fill='black'/%3E%3Ccircle cx='100' cy='75' r='1.5' fill='black'/%3E%3Ccircle cx='420' cy='25' r='2' fill='black'/%3E%3Ccircle cx='250' cy='80' r='1' fill='black'/%3E%3Cpath d='M40,30 L60,25 M150,25 L180,20 M350,25 L380,20' stroke='black' stroke-width='2'/%3E%3Cpath d='M30,65 L50,70 M250,75 L280,72 M440,65 L460,70' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 100'%3E%3Cpath d='M10,40 L50,35 L120,42 L200,38 L300,45 L400,36 L480,42 L485,55 L400,60 L300,52 L200,58 L100,50 L20,55 Z' fill='black'/%3E%3Ccircle cx='15' cy='35' r='2' fill='black'/%3E%3Ccircle cx='485' cy='60' r='3' fill='black'/%3E%3Ccircle cx='100' cy='75' r='1.5' fill='black'/%3E%3Ccircle cx='420' cy='25' r='2' fill='black'/%3E%3Ccircle cx='250' cy='80' r='1' fill='black'/%3E%3Cpath d='M40,30 L60,25 M150,25 L180,20 M350,25 L380,20' stroke='black' stroke-width='2'/%3E%3Cpath d='M30,65 L50,70 M250,75 L280,72 M440,65 L460,70' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            mask-repeat: no-repeat;
            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            pointer-events: none;
            z-index: -1;
        }

        .nav-col-left a::after {
            left: auto;
            right: -10%;
            transform-origin: right center;
            transform: scaleX(0);
        }

        .nav-col-right a::after {
            left: -10%;
            right: auto;
            transform-origin: left center;
            transform: scaleX(0);
        }

        @media (hover: hover) and (pointer: fine) {

            .nav-col-left a:hover::after,
            .nav-col-left a.is-hover-active::after,
            .nav-col-left a.is-current-page::after {
                transform: scaleX(1);
            }

            .nav-col-left.has-active-hover a.is-current-page:not(.is-hover-active):not(:hover)::after {
                transform: scaleX(0);
            }

            .nav-col-right a:hover::after,
            .nav-col-right a.is-current-page::after {
                transform: scaleX(1);
            }

        }

    /*MICRO COPY*/

        .micro-copy {
            position: absolute;
            bottom: -30px;
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 3px;
            color: rgba(229, 217, 197, 0.8);
            opacity: 0;
            pointer-events: none;
            white-space: nowrap;
            text-shadow: none;
            transition: opacity 0.3s ease;
            text-transform: uppercase;
            font-variant: normal;
            line-height: 1;
            margin: 0;
            padding: 0;
        }

        .nav-col-left .micro-copy {
            right: 0;
            left: auto;
            text-align: right;
        }

        .nav-col-right .micro-copy {
            left: 0;
            right: auto;
            text-align: left;
        }

        @media (hover: hover) and (pointer: fine) {

            .nav-col-left a:hover .micro-copy,
            .nav-col-right a:hover .micro-copy {
                opacity: 1;
            }

        }

        .nav-col-left a.is-hover-active .micro-copy,
        .nav-col-left a.is-current-page .micro-copy,
        .nav-col-right a.is-current-page .micro-copy {
            opacity: 1;
        }

    /*CUSTOM CURSOR*/

        .cursor,
        .cursor-follower {
            display: none;
        }

        @media (pointer: fine) {

            body:has(nav.show-nav) .cursor,
            body:has(nav.show-nav) .cursor-follower,
            body:has(.ltl-large-image-wrapper:hover) .cursor,
            body:has(.ltl-large-image-wrapper:hover) .cursor-follower {
                display: block;
            }

        }

        .cursor {
            height: 0;
            left: 0;
            pointer-events: none;
            position: fixed;
            top: 0;
            user-select: none;
            width: 0;
            opacity: 0.5;
            z-index: 9999;
        }

        .cursor-skull-wrapper {
            background-color: #FFFFFF;
            height: 24px;
            mask-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            mask-position: center;
            mask-repeat: no-repeat;
            mask-size: contain;
            -webkit-mask-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            -webkit-mask-position: center;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            position: absolute;
            width: 24px;
            will-change: transform, background-color, opacity;
        }

        .cursor-ring-wrapper,
        .cursor-text-wrapper {
            opacity: 0;
            position: absolute;
            transform: scale(0);
            will-change: transform, opacity;
        }

        .cursor-ring {
            animation: rotateCCW 12s linear infinite;
            border: 1px dashed rgba(255, 255, 255, 0.4);
            border-radius: 50%;
            height: 136px;
            width: 136px;
            will-change: border-color, transform;
        }

        .cursor-text-svg {
            animation: rotateCW 10s linear infinite;
            height: 120px;
            width: 120px;
        }

        .cursor-text-svg text {
            fill: #FFFFFF;
            font-family: monospace;
            font-size: 10px;
            font-variant: normal;
            letter-spacing: 3px;
            text-transform: uppercase;
            will-change: fill;
        }

        .cursor-follower {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            height: 40px;
            left: 0;
            pointer-events: none;
            position: fixed;
            top: 0;
            user-select: none;
            width: 40px;
            z-index: 9998;
        }

        .cursor-skull-wrapper,
        .cursor-ring-wrapper,
        .cursor-text-wrapper {
            top: 50%;
            left: 50%;
        }

        /* CURSOR ROTATION KEYFRAMES */

        @keyframes rotateCW {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes rotateCCW {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(-360deg);
            }
        }

        /* Respect accessibility preferences by pausing the infinite spin */
        @media (prefers-reduced-motion: reduce) {
            .cursor-text-svg,
            .cursor-ring {
                animation-play-state: paused !important;
            }
        }

    /*MOBILE STAMP*/

        .mobile-stamp {
            position: fixed;
            pointer-events: none;
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 120px;
            height: 120px;
            will-change: transform, opacity;
        }

        .stamp-skull {
            background-color: #FFFFFF;
            height: 24px;
            width: 24px;
            mask-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            mask-position: center;
            mask-repeat: no-repeat;
            mask-size: contain;
            -webkit-mask-image: url('/wp-content/uploads/2026/03/tr-skull.png');
            -webkit-mask-position: center;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            position: absolute;
        }

        .stamp-text-svg {
            height: 120px;
            width: 120px;
            position: absolute;
            will-change: transform;
        }

        .stamp-text-svg text {
            fill: #FFFFFF;
            font-family: monospace;
            font-size: 10px;
            font-variant: normal;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

    /*BACKGROUND SLIDER & EFFECTS*/

        .nav-bg-slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        .nav-bg-slider::after {
            content: "";
            position: absolute;
            top: -100%;
            left: -100%;
            width: 300%;
            height: 300%;
            background: radial-gradient(circle at center, transparent 5%, rgba(10, 5, 0, 0.3) 15%, rgba(10, 5, 0, 0.8) 25%, rgba(10, 5, 0, 0.98) 40%), rgba(160, 110, 50, 0.15);
            pointer-events: none;
            z-index: 2;
            animation: lanternBreath 4s ease-in-out infinite alternate;
            will-change: transform;
            transform: translate3d(var(--mouse-x-px, 0px), var(--mouse-y-px, 0px), 0);
        }

        .bg-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            will-change: transform;
        }

        .ghost-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            mix-blend-mode: screen;
            filter: grayscale(100%) contrast(150%);
            pointer-events: none;
            z-index: 0;
        }

        .light-leak {
            position: absolute;
            top: -20%;
            left: -20%;
            width: 140%;
            height: 140%;
            background: radial-gradient(ellipse at 85% 15%, rgba(180, 60, 10, 0.4) 0%, transparent 40%), radial-gradient(ellipse at 15% 85%, rgba(200, 110, 20, 0.25) 0%, transparent 55%);
            pointer-events: none;
            z-index: 4;
            opacity: 0.5;
            animation: lightLeakSweep 12s infinite alternate ease-in-out;
            will-change: transform;
            transform: translateZ(0);
        }

        .optical-track {
            position: absolute;
            right: 25px;
            top: -100px;
            width: 20px;
            height: calc(100% + 100px);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='100'%3E%3Cpath d='M0,0 L12,5 L4,10 L16,15 L2,20 L18,25 L6,30 L14,35 L0,40 L12,45 L8,50 L18,55 L4,60 L14,65 L2,70 L16,75 L6,80 L18,85 L2,90 L14,95 L0,100 Z' fill='none' stroke='white' stroke-width='1.5' opacity='0.6'/%3E%3C/svg%3E");
            background-repeat: repeat-y;
            background-size: 20px 50px;
            mix-blend-mode: overlay;
            opacity: 0.25;
            pointer-events: none;
            z-index: 5;
            animation: trackScroll 1.5s linear infinite;
            will-change: transform;
        }

        nav .film-grain {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAS1BMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB1/8rPAAAAGXRSTlMABAwXICEkKjM2P0BESE1SVmBkaW5yd4Cq9oK3AAACYElEQVRYhe2W0ZLkIAhEBQRE3/9tb0/tTm+qu17n2hy1/ZgkgHBB/G/ZPy71cT1y/cT7r9y+eN/D11fcX/G+n2/8h/tN5u11j/sD7+/P3/E+wfuu/f2h4v1D6fXj9+x3vL+P6vj6E+9/436D91vcb/B+g/dN3m/wvsH7n/2O9zfx/gnvN3i/xP1P/Y73L/D+wfs27x/wfst+x/sXvH/C+ybuX/B+g/dt3j/g/RPeb/B+wPst3j/g/RPeb/F+w/tvvH/C+ybuH/B+g/dt3j/g/RPeb/B+wPst3j/g/RPeb/F+w/tvvH/C+ybuH/B+w/tvvH/B+yXub/D+G+9f8P4J75u8f8D7bbx/wfsH77e43+D9w/dvvH/C+x+8f8L7F7x/wPstvH/C+we83+L9C95v4f023r/g/QveP+H9E95v8X7Lfsf7bbx/wfsH75/w/gHvn/D+Ae+f8H7Lfse/3uH9E94/4P023j/h/QveP+H9D96/4P0H3r/g/Rvev+D9G96/4P0b3r/g/QPe/6z3/8V+x/snvH/C+ye8f8L7H7x/wvsXvH/C+ye8f8D7J7x/wfstvP+F91t4/4L3L3j/hPdPeP+E9y94/4T3L3j/hPdfvN/g/RPeb+H9Ft4/4P0T3m/h/RPeb+H9E95v4f0D3m/h/Rbef+H9A95v4f0T3r/g/Rbeb+P9A95v8f4J77fw/gnvt/B+C++f8H4L75/wfov3G7zfwvtfeP+E91t4/4T3W3j/A++f8H4L73/g/QveP+H9w/dbeP+E9094/4D3T3j/hPdbeP8D7x/w/gnvv/D+wfsnvN/C+ye8/4X3L3i/hfdPeP+C91t4/4T3T3j/A+8f8P4J7x/w/v89/wJ0XJb70wQxJwAAAABJRU5ErkJggg==");;
            background-repeat: repeat;
            pointer-events: none;
            z-index: 1;
            opacity: 0.12;
            transition: opacity 0.5s ease;
            animation: grainAnimation 0.8s steps(1) infinite;
            will-change: opacity, transform;
            transform: translateZ(0);
        }

    /*NAV MUTE TOGGLE*/

        .nav-mute-toggle {
            position: absolute;
            bottom: 30px;
            right: 40px;
            z-index: 9999;
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #e5d9c5;
            font-family: monospace;
            font-size: 12px;
            text-transform: uppercase;
            padding: 8px 15px;
            border-radius: 4px;
            transition: all 0.3s ease;
        }

        @media (hover: hover) and (pointer: fine) {

            .nav-mute-toggle:hover {
                background: rgba(255, 255, 255, 0.1);
                border-color: rgba(255, 255, 255, 0.5);
            }

        }

        .nav-mute-toggle:focus-visible {
            background-color: #9D0D0D;
            color: #FFFFFF;
            border-color: #9D0D0D;
            outline: none;
        }

    /*NAV VIDEO/IMAGE ELEMENTS*/

        .video-controls {
            position: absolute;
            bottom: 25px;
            right: 25px;
            z-index: 50;
            display: flex;
            gap: 10px;
        }

        .video-play-toggle,
        .video-audio-toggle,
        .hq-audio-toggle,
        #wire-audio-toggle,
        .nav-mute-toggle {
            background-color: var(--vid-btn-bg);
            border: 1px solid var(--vid-btn-border);
            color: var(--vid-btn-color);
            font-family: monospace;
            font-size: 12px;
            text-transform: uppercase;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .video-play-toggle svg,
        .video-audio-toggle svg,
        .hq-audio-toggle svg,
        #wire-audio-toggle svg,
        .nav-mute-toggle svg {
            width: 1.2em;
            height: 1.2em;
        }

        @media (hover: hover) and (pointer: fine) {
            .video-play-toggle:hover,
            .video-audio-toggle:hover,
            .hq-audio-toggle:hover,
            #wire-audio-toggle:hover,
            .nav-mute-toggle:hover {
                background-color: var(--vid-btn-hover-bg);
                color: var(--vid-btn-hover-color);
                border-color: var(--vid-btn-hover-border);
            }
        }

        .video-play-toggle:focus-visible,
        .video-audio-toggle:focus-visible,
        .hq-audio-toggle:focus-visible,
        #wire-audio-toggle:focus-visible,
        .nav-mute-toggle:focus-visible {
            background-color: #9D0D0D;
            color: #FFFFFF;
            border-color: #FFFFFF;
            outline: none;
        }

        .video-play-toggle[data-playing="false"],
        .video-audio-toggle[data-muted="false"],
        .hq-audio-toggle[aria-pressed="true"],
        #wire-audio-toggle[aria-pressed="true"],
        .nav-mute-toggle[aria-pressed="true"] {
            background-color: var(--vid-btn-active-bg);
            color: var(--vid-btn-active-color);
            border-color: var(--vid-btn-active-border);
        }

        .nav-image {
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 10;
            pointer-events: none;
        }

        .nav-image img {
            width: 600px;
            max-width: 80vw;
            animation: candlelightFlicker 4s infinite alternate;
            filter: drop-shadow(15px 15px 20px rgba(0, 0, 0, 0.9));
        }

    /*SKIP LINK*/

        .skip-to-content {
            position: fixed;
            top: 25px;
            left: 100px;
            z-index: 10001;
            background-color: rgba(5, 3, 0, 0.85);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            color: #e5d9c5;
            padding: 10px 15px 10px 35px;
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 2px;
            text-transform: uppercase;
            text-decoration: none;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 2px;
            transform: translateY(-250%);
            transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
            will-change: transform;
        }

        .skip-to-content:focus {
            transform: translateY(0);
            outline: none;
        }

        .skip-to-content::before {
            content: "";
            position: absolute;
            left: 8px;
            top: 0;
            width: 15px;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='100'%3E%3Cpath d='M0,0 L12,5 L4,10 L16,15 L2,20 L18,25 L6,30 L14,35 L0,40 L12,45 L8,50 L18,55 L4,60 L14,65 L2,70 L16,75 L6,80 L18,85 L2,90 L14,95 L0,100 Z' fill='none' stroke='white' stroke-width='1.5' opacity='0.6'/%3E%3C/svg%3E");
            background-repeat: repeat-y;
            background-size: 15px 40px;
            mix-blend-mode: overlay;
            opacity: 0.4;
        }

    /*HEADER KEYFRAMES*/

        @keyframes lanternBreath {

            0% {
                opacity: 0.85;
            }

            100% {
                opacity: 1;
            }

        }

        @keyframes lightLeakSweep {

            0% {
                transform: translate(0%, 0%) scale(1);
                opacity: 0.3;
            }

            50% {
                transform: translate(-3%, 3%) scale(1.05);
                opacity: 0.6;
            }

            100% {
                transform: translate(3%, -3%) scale(0.95);
                opacity: 0.2;
            }

        }

        @keyframes trackScroll {

            0% {
                transform: translateY(0);
            }

            100% {
                transform: translateY(100px);
            }

        }

        @keyframes grainAnimation {

            0%,
            100% {
                transform: translate(0, 0);
            }

            10% {
                transform: translate(-0.5%, -0.5%);
            }

            20% {
                transform: translate(0.5%, 0.5%);
            }

            30% {
                transform: translate(-1%, -1%);
            }

            40% {
                transform: translate(1%, 1%);
            }

            50% {
                transform: translate(-0.5%, 1%);
            }

            60% {
                transform: translate(1%, -0.5%);
            }

            70% {
                transform: translate(0.5%, -1%);
            }

            80% {
                transform: translate(-1%, 0.5%);
            }

            90% {
                transform: translate(0%, 0.5%);
            }

        }

        @keyframes candlelightFlicker {

            0% {
                opacity: 0.08;
                transform: translateZ(0) scale(0.98);
            }

            50% {
                opacity: 0.15;
                transform: translateZ(0) scale(1.02);
            }

            100% {
                opacity: 0.10;
                transform: translateZ(0) scale(1);
            }

        }

/*FOOTER*/

    /*LEDGER CONTAINER*/

        .ledger-footer {
            --row-height: 48px;
            --ink: #2b2824;
            --faded-ink: #4a453f;
            --red-line: rgba(186, 57, 57, 0.45);
            --blue-line: rgba(108, 122, 137, 0.35);
            position: relative;
            padding: 6vw 4vw;
            color: var(--ink);
            z-index: 1;
            display: flex;
            flex-direction: column;
            border-top: 1px dashed #9d0d0d;
        }

    /*BACKGROUND LAYERS*/

        .ledger-paper-bg {
            position: absolute;
            top: 2vw;
            left: 2vw;
            right: 2vw;
            bottom: 2vw;
            background-color: #EFEBE1;
            background-image: url('/wp-content/uploads/2026/04/anna-savina-QNFJRjo279k-unsplash-copy.jpg');
            background-size: cover;
            background-blend-mode: multiply;
            background-attachment: fixed;
            filter: url(#deckle-edge);
            z-index: -1;
        }

        .ledger-frame {
            border: 1px solid rgba(43, 40, 36, 0.6);
            padding: 3px;
            display: flex;
            flex-direction: column;
            position: relative;
            box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.08);
            z-index: 1;
        }

        .ledger-watermark {
            position: absolute;
            inset: 0;
            background-image: url('/wp-content/uploads/2026/03/tr-logo-e1774469887307.png');
            background-position: center;
            background-size: 30%;
            background-repeat: no-repeat;
            mix-blend-mode: multiply;
            opacity: 0.05;
            filter: contrast(200%) grayscale(100%);
            z-index: 0;
            pointer-events: none;
        }

    /*MARGINALIA*/

        .marginalia {
            position: absolute;
            font-family: monospace;
            font-size: 11px;
            letter-spacing: 4px;
            color: var(--faded-ink);
            text-transform: uppercase;
            writing-mode: vertical-rl;
            mix-blend-mode: multiply;
            opacity: 0.6;
        }

        .marginalia-left {
            left: 2.5vw;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
        }

        .marginalia-right {
            right: 2.5vw;
            top: 50%;
            transform: translateY(-50%);
        }

    /*TOP SECTION & GRID*/

        .ledger-top-section {
            display: flex;
            flex-grow: 1;
            position: relative;
            z-index: 2;
        }

        .ledger-menu-container {
            flex-grow: 1;
            position: relative;
        }

        .ledger-grid {
            display: grid;
            grid-auto-columns: 1fr;
            grid-auto-flow: column;
            height: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ledger-grid > li {
            display: flex;
            flex-direction: column;
            border-left: 1px solid var(--red-line);
        }

        .ledger-grid > li:first-child {
            border-left: none;
        }

        .ledger-column-header,
        .ledger-grid > li > a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 65px;
            padding: 0 20px;
            font-family: "Playfair Display", serif;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 3px;
            color: #9D0D0D;
            text-decoration: none;
            pointer-events: none;
            mix-blend-mode: multiply;
            opacity: 0.9;
            position: relative;
        }

        .ledger-column-header::after,
        .ledger-grid > li > a::after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 14px;
            background-color: var(--ink);
            -webkit-mask-image: linear-gradient(#000, #000), url('/wp-content/uploads/2026/03/tr-skull.png'), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), url('/wp-content/uploads/2026/03/tr-skull.png'), linear-gradient(#000, #000);
            -webkit-mask-position: left center, center center, right center;
            mask-position: left center, center center, right center;
            -webkit-mask-size: calc(50% - 16px) 1px, 12px 12px, calc(50% - 16px) 1px;
            mask-size: calc(50% - 16px) 1px, 12px 12px, calc(50% - 16px) 1px;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            opacity: 0.6;
        }

    /*SUB-MENUS & ROWS*/

        .ledger-footer .sub-menu {
            display: flex !important;
            position: relative !important;
            top: auto !important;
            left: auto !important;
            width: 100% !important;
            transform: none !important;
            margin: 0;
            padding: 0;
            list-style: none;
            counter-reset: folio-index;
        }

        .ledger-footer .sub-menu,
        .ledger-correspondence-body {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            background-image: repeating-linear-gradient(to bottom, transparent, transparent calc(var(--row-height) - 1px), var(--blue-line) calc(var(--row-height) - 1px), var(--blue-line) var(--row-height));
            background-position: top left;
            position: relative;
        }

        .ledger-footer .sub-menu li {
            padding: 0 !important;
            text-align: left !important;
        }

        .ledger-footer .sub-menu a::after {
            display: none !important;
        }

        .ledger-footer .sub-menu a,
        .ledger-static-row {
            display: flex;
            align-items: center;
            height: var(--row-height);
            padding: 0 20px 0 60px;
            font-family: "Playfair Display", serif;
            font-size: 20px;
            font-style: italic;
            color: var(--faded-ink);
            text-decoration: none;
            position: relative;
            transition: background-color 0s, color 0.2s;
            text-shadow: none !important;
            font-variant: normal !important;
            letter-spacing: normal !important;
        }

        .ledger-footer .sub-menu a .main-text {
            position: relative;
        }

        .ledger-footer .sub-menu a::before {
            counter-increment: folio-index;
            content: counter(folio-index, decimal-leading-zero);
            position: absolute;
            left: 0;
            top: 0;
            width: 45px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: monospace;
            font-size: 12px;
            color: var(--ink);
            border-right: 1px solid var(--red-line);
            font-style: normal;
            mix-blend-mode: multiply;
            opacity: 0.7;
        }

        @media (hover: hover) and (pointer: fine) {

            .ledger-footer .sub-menu a:hover::before,
            .ledger-footer .sub-menu a:focus-visible::before {
                content: "☛ " counter(folio-index, decimal-leading-zero);
                color: #9D0D0D;
                opacity: 0.9;
            }

            .ledger-footer .sub-menu a:hover,
            .ledger-static-row:hover {
                background-color: rgba(0, 0, 0, 0.04);
                color: var(--ink);
            }

        }

        .ledger-footer .sub-menu a:focus-visible,
        .ledger-static-row:focus-visible {
            outline: 2px solid var(--ink) !important;
            outline-offset: -2px !important;
            background-color: rgba(0, 0, 0, 0.04);
        }

    /*CORRESPONDENCE SECTION*/

        .ledger-correspondence {
            width: 320px;
            display: flex;
            flex-direction: column;
            border-left: 1px solid var(--red-line);
            position: relative;
            z-index: 2;
        }

        .ledger-correspondence .ledger-static-row {
            padding-left: 20px;
        }

        .ledger-local-rule {
            margin: 20px 20px 0 20px;
            padding-top: 15px;
            border-top: 1px dashed rgba(108, 122, 137, 0.5);
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: 13px;
            line-height: 1.5;
            color: var(--faded-ink);
        }

        .ledger-local-rule strong {
            font-family: monospace;
            font-weight: 700;
            font-style: normal;
            letter-spacing: 1px;
            color: #9D0D0D;
            display: block;
            margin-bottom: 4px;
        }

    /*BOTTOM ALMANAC & TELEGRAPH*/

        .ledger-bottom-section {
            display: flex;
            border-top: 1px solid var(--red-line);
            min-height: 80px;
            position: relative;
            z-index: 2;
            background-color: rgba(239, 235, 225, 0.5);
            overflow: hidden;
        }

        .ledger-bottom-section::before {
            content: "";
            position: absolute;
            left: 5%;
            top: 50%;
            transform: translateY(-50%);
            width: 160px;
            height: 160px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%232b2824' stroke-width='0.5'/%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%232b2824' stroke-width='0.5' stroke-dasharray='2 2'/%3E%3Cline x1='50' y1='2' x2='50' y2='98' stroke='%232b2824' stroke-width='0.5'/%3E%3Cline x1='2' y1='50' x2='98' y2='50' stroke='%232b2824' stroke-width='0.5'/%3E%3Ctext x='47.5' y='14' font-family='monospace' font-size='8' fill='%232b2824'%3EN%3C/text%3E%3Ctext x='47.5' y='93' font-family='monospace' font-size='8' fill='%232b2824'%3ES%3C/text%3E%3Ctext x='87' y='53' font-family='monospace' font-size='8' fill='%232b2824'%3EE%3C/text%3E%3Ctext x='7' y='53' font-family='monospace' font-size='8' fill='%232b2824'%3EW%3C/text%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            mix-blend-mode: multiply;
            opacity: 0.12;
            pointer-events: none;
            z-index: 0;
        }

        .ledger-almanac,
        .ledger-telegraph {
            flex: 1;
            display: flex;
            align-items: center;
            padding: 0 20px;
            font-family: monospace;
            position: relative;
            z-index: 1;
        }

        .ledger-almanac {
            border-right: 1px solid var(--red-line);
        }

        .almanac-label,
        .telegraph-label {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #9D0D0D;
            margin-right: 20px;
            white-space: nowrap;
        }

        .almanac-data {
            font-size: 12px;
            color: var(--faded-ink);
            letter-spacing: 1px;
        }

    /*TELEGRAPH FORM*/

        .telegraph-form {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            justify-content: center;
        }

        .telegraph-input-row {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .telegraph-input-row input {
            flex-grow: 1;
            background: transparent;
            border: none;
            border-bottom: 1px dashed var(--ink);
            padding: 5px 0;
            font-family: monospace;
            font-size: 13px;
            color: var(--ink);
            letter-spacing: 1px;
            outline: none;
        }

        .telegraph-form input::placeholder {
            color: rgba(43, 40, 36, 0.4);
        }

        .telegraph-form button {
            background: transparent;
            border: none;
            font-size: 24px;
            color: var(--ink);
            cursor: pointer;
            padding: 0 0 0 15px;
            transition: color 0.2s, transform 0.2s;
        }

        @media (hover: hover) and (pointer: fine) {

            .telegraph-form button:hover,
            .telegraph-form button:focus-visible {
                color: #9D0D0D;
                transform: translateX(4px);
                outline: none;
            }

        }

    /*CUSTOM CHECKBOX*/

        .telegraph-consent {
            margin-top: 12px;
            position: relative;
            width: 100%;
        }

        .telegraph-consent input[type="checkbox"] {
            opacity: 0;
            position: absolute;
            width: 0;
            height: 0;
        }

        .telegraph-consent label {
            display: block;
            position: relative;
            padding-left: 24px;
            font-family: "Playfair Display", serif;
            font-style: italic;
            font-size: 12px;
            color: var(--faded-ink);
            line-height: 1.4;
            cursor: pointer;
            user-select: none;
        }

        .telegraph-consent label::before {
            content: "";
            position: absolute;
            left: 0;
            top: 1px;
            width: 14px;
            height: 14px;
            border: 1px solid var(--ink);
            background: transparent;
            opacity: 0.6;
            transition: all 0.2s ease;
        }

        .telegraph-consent input[type="checkbox"]:checked + label::after {
            content: "X";
            position: absolute;
            left: 3px;
            top: -2px;
            font-family: "Playfair Display", serif;
            font-size: 16px;
            font-weight: 900;
            color: #9D0D0D;
        }

        @media (hover: hover) and (pointer: fine) {

            .telegraph-consent label:hover::before {
                opacity: 1;
            }

        }

        .telegraph-consent input[type="checkbox"]:focus-visible + label::before {
            outline: 2px solid var(--ink);
            outline-offset: 2px;
            opacity: 1;
        }

    /*COLOPHON*/

        .printer-colophon {
            text-align: center;
            font-family: monospace;
            font-size: 10px;
            letter-spacing: 3px;
            color: var(--faded-ink);
            margin-top: 15px;
            mix-blend-mode: multiply;
            opacity: 0.7;
        }

        @media (hover: hover) and (pointer: fine) {

            .printer-colophon a:hover {
                color: #9D0D0D;
            }

        }

/*OTHER*/

    /*RECAPTCHA*/

            .grecaptcha-badge {
                visibility: hidden;
            }

        /*FANCYBOX*/

            .fancybox-infobar {
                display: none;
            }

/*INDEX / ARCHIVE*/

    /*LAYOUT*/

        #blog-archive .blog-title {
            text-align: center;
        }

        .search-filter-holder {
            padding-top: 25px;
            padding-bottom: 25px;
        }

        #post-search {
            display: none;
        }

    /*SEARCH INPUT*/

        .search-filter-holder input[type="search"] {
            width: 500px;
            max-width: 100%;
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
            background-color: #FFFFFF;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 25px;
        }

    /*TAG FILTERS*/

        #tag-filter {
            white-space: nowrap;
            overflow-x: scroll;
            margin-bottom: 10px;
        }

        #tag-filter::-webkit-scrollbar {
            height: 10px;
        }

        #tag-filter::-webkit-scrollbar-thumb {
            border-radius: 5px;
        }

        .tag-button {
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
            padding: 10px;
            margin-right: 15px;
            margin-bottom: 15px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .tag-button:last-of-type {
            margin-right: 0px;
        }

    /*POST CONTAINER*/

        #post-container {
            align-items: stretch !important;
        }

        .post-thumb {
            width: 100%;
        }

        .post-description {
            position: relative;
            padding: 15px;
        }

        .post-description .tag-link {
            display: block;
            font-family: var(--copy-font-family);
            font-size: var(--copy-font-size);
        }

        .post-description .tag-link:last-of-type {
            margin-bottom: 15px;
        }

        @media (hover: hover) and (pointer: fine) {

            .post-description .subheading:hover {
                margin-bottom: 15px;
            }

        }

        .post-description .excerpt {
            margin-top: 15px;
        }

        .post-description .read-more {
            margin-top: 25px;
            padding-top: 15px;
        }

        #loader {
            margin-top: 50px;
        }

/*BLOCK SPECIFIC STYLES*/

    #home3 {
        position: relative;
    }

    #home3::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 14px;
        background-image: url('/wp-content/uploads/2026/03/tr-skull.png');
        background-size: 14px 14px;
        background-repeat: repeat-x;
        opacity: 0.25;
        mix-blend-mode: multiply;
        pointer-events: none;
        z-index: 10;
    }

    #home3 .half:last-of-type {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    #home3 .buttons {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    @media (max-width: 1200px) {

        #home3 img {
            width: 100% !important;
        }

    }

    #Largerheader {
        padding: 25px;
    }

/* ==========================================================================
   8. MEDIA QUERIES & SYSTEM PREFERENCES
   ========================================================================== */

/*VIEW TRANSITIONS API*/

    @view-transition {
        navigation: auto;
    }

    @media (prefers-reduced-motion: no-preference) {
        html::view-transition {
            background-color: #000; 
        }

        ::view-transition-old(root) {
            animation: slideOutUp 0.8s cubic-bezier(0.76, 0, 0.24, 1) forwards;
            mix-blend-mode: normal;
            z-index: 1;
        }

        ::view-transition-new(root) {
            animation: slideInUp 0.8s cubic-bezier(0.76, 0, 0.24, 1) forwards;
            mix-blend-mode: normal;
            z-index: 2;
            box-shadow: 0px -20px 50px rgba(0, 0, 0, 0.3); 
        }

        @keyframes slideOutUp {
            from {
                transform: translateY(0) scale(1);
                opacity: 1;
            }
            to {
                transform: translateY(-20vh) scale(0.95);
                opacity: 0.3;
            }
        }

        @keyframes slideInUp {
            from {
                transform: translateY(100vh);
            }
            to {
                transform: translateY(0);
            }
        }
    }

/*HIGH CONTRAST / FORCED COLORS MODE*/

    @media (forced-colors: active) {

        .light-leak,
        .film-grain,
        .optical-track,
        .nav-bg-slider::after,
        .nav-image,
        .bg-slide,
        .ghost-slide,
        .nav-bg-slider {
            display: none !important;
        }

        nav {
            background-color: Canvas !important;
        }

        .nav-col-left a,
        .nav-col-right a,
        .micro-copy {
            text-shadow: none !important;
            color: CanvasText !important;
        }

        .nav-menu-list a::after,
        .sub-menu a::after {
            display: none !important;
        }

        .nav-col-left a:hover,
        .nav-col-left a.is-hover-active,
        .nav-col-left a.is-current-page,
        .nav-col-right a:hover,
        .nav-col-right a.is-current-page {
            text-decoration: underline !important;
            text-decoration-thickness: 4px !important;
            text-underline-offset: 8px !important;
            color: HighlightText !important;
            background-color: Highlight !important;
        }

        .trigger:focus-visible,
        a:focus-visible,
        button:focus-visible {
            outline: 3px solid CanvasText !important;
            outline-offset: 4px !important;
            box-shadow: none !important;
        }

        .cursor-follower {
            background: transparent !important;
            border: 2px solid CanvasText !important;
        }

        .cursor-ring {
            border: 2px dashed CanvasText !important;
        }

        .cursor-skull-wrapper {
            background-color: CanvasText !important;
            mask-image: none !important;
            -webkit-mask-image: none !important;
            border-radius: 50%;
        }

        .cursor-text-svg text {
            fill: CanvasText !important;
        }

    }

/*MAX WIDTH: 1650px*/

    @media (max-width: 1650px) {

        /*NAVIGATION*/

            nav .nav-holder {
                width: 85%;
            }

    }

/*MAX WIDTH: 1400px*/

    @media (max-width: 1400px) {

        /*FONTS*/

            .title {
                font-size: 56pt !important;
            }

            .subtitle {
                font-size: 42pt !important;
            }

            .heading {
                font-size: 32pt !important;
            }

        /*CENTERING DIV*/

            .center,
            .center-alt {
                width: 85%;
            }

        /*VERTICAL SLIDER*/

            .vertical-slider {
                position: relative;
                height: auto;
                overflow: visible;
            }

            .vertical-slide {
                position: relative;
                display: block;
                height: auto;
                overflow: visible;
            }

            .vertical-slide-content {
                width: 100%;
                padding: 40px 20px;
                transform: none !important;
                opacity: 1 !important;
            }

            .vertical-slide-image {
                position: relative;
                width: 100%;
                height: 300px;
                margin-top: 20px;
                transform: none !important;
            }

            .vertical-slider-progress-vertical {
                display: none;
            }

    }

/*MAX WIDTH: 1300px*/

    @media (max-width: 1300px) {

        /*FOOTER LEDGER RESPONSIVE*/

            .ledger-top-section {
                flex-direction: column;
            }

            .ledger-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-auto-flow: row;
            }

            .ledger-grid > li {
                border-left: none;
            }

            .ledger-grid > li:nth-child(even) {
                border-left: 1px solid var(--red-line);
            }

            .ledger-grid > li:nth-child(n+3) {
                border-top: 1px solid var(--ink);
            }

            .ledger-grid > li:nth-child(odd):last-child {
                border-right: 1px solid var(--red-line);
            }

            .ledger-grid > li:nth-child(even):nth-last-child(2) {
                border-bottom: 1px solid var(--ink);
            }

            .ledger-correspondence {
                width: 100%;
                border-left: none;
                border-top: 1px solid var(--ink);
            }

            .ledger-grid > li > a {
                justify-content: flex-start;
            }

            .ledger-bottom-section {
                flex-direction: column;
            }

            .ledger-bottom-section::before {
                left: 50%;
                transform: translate(-50%, -50%);
                width: 250px;
                height: 250px;
                opacity: 0.08;
            }

            .ledger-almanac,
            .ledger-telegraph {
                padding: 20px;
            }

            .ledger-almanac {
                border-right: none;
                border-bottom: 1px solid var(--red-line);
            }

            .marginalia {
                display: none;
            }

            .ledger-grid:has(> li:nth-child(3):last-child)::after {
                content: "";
                display: block;
                border-left: 1px solid var(--red-line);
                border-top: 1px solid var(--ink);
                background-image: url('/wp-content/uploads/2026/03/tr-logo-e1774469887307.png');
                background-position: center;
                background-size: 50%;
                background-repeat: no-repeat;
                mix-blend-mode: multiply;
                opacity: 0.08; /* Slightly boosted from 0.05 so it reads well at this size */
                filter: contrast(200%) grayscale(100%);
                pointer-events: none;
            }

            /* Hide the giant overlapping watermark when the 4th cell logo is active */
            .ledger-frame:has(.ledger-grid > li:nth-child(3):last-child) .ledger-watermark {
                display: none;
            }

    }

/*MAX WIDTH: 1200px*/

    @media (max-width: 1200px) {

        /*HEADER & NAVIGATION*/

            header .header-plantrip,
            header .header-book {
                display: none;
            }

            .nav-layout-grid {
                width: 100%;
                height: 100%;
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: 1fr;
                align-items: center;
                justify-items: center;
            }

            .nav-col-left,
            .nav-col-right {
                width: 100%;
                height: auto;
                grid-area: 1 / 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

            .nav-menu-list li,
            .sub-menu li {
                text-align: center;
            }

            .nav-col-left a::after,
            .nav-col-right a::after {
                left: 50%;
                right: auto;
                transform-origin: center;
                transform: translateX(-50%) scaleX(0);
                width: 150%;
            }

            .nav-col-left.has-active-hover a.is-current-page:not(.is-hover-active):not(:hover)::after {
                transform: translateX(-50%) scaleX(0);
            }

            /* MOBILE HOVER/ACTIVE STATES */

                    .nav-col-left a:hover::after,
                    .nav-col-left a.is-hover-active::after,
                    .nav-col-left a.is-current-page::after,
                    .nav-col-right a:hover::after,
                    .nav-col-right a.is-current-page::after {
                        transform: translateX(-50%) scaleX(1) !important;
                    }

            .nav-col-left .micro-copy,
            .nav-col-right .micro-copy {
                left: 50%;
                right: auto;
                transform: translateX(-50%);
                text-align: center;
            }

            .nav-menu-list {
                display: none;
            }

            .nav-menu-list.active-menu {
                display: block;
            }

            .sub-menu {
                display: none;
                position: relative;
                top: auto;
                left: auto;
                width: 100%;
                transform: none;
                flex-direction: column;
                justify-content: center;
            }

            .sub-menu.active-menu {
                display: flex;
            }

            .sub-menu.active-submenu:not(.active-menu) {
                display: none;
            }

        /*CENTERING DIV*/

            .center,
            .center-alt {
                width: 95%;
            }

        /*SIDE SCROLL*/

            .side-scroll {
                height: auto;
                position: relative;
            }

            .side-scroll-holder {
                display: block;
                width: 100%;
                height: auto;
                transform: none !important;
            }

            .side-scroll-holder article {
                width: 100%;
                height: auto;
                min-height: auto;
                position: relative;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                box-sizing: border-box;
                padding-top: 100px;
                padding-bottom: 100px;
            }

            .side-scroll-content-stack {
                display: none !important;
            }

            .mobile-slide-content {
                display: block;
                position: relative;
                z-index: 20;
                width: calc(100% - 50px);
                margin: 0 auto;
            }

            .mobile-slide-content p {
                color: #fff;
                opacity: 1;
                transform: none;
            }

            .side-scroll-nav {
                display: none;
            }

        /*STICKY IMAGE*/

            .sticky-images {
                flex-direction: column;
            }

            .sticky-images .images {
                position: relative;
                top: auto;
                width: 100%;
                height: auto;
                order: 1;
            }

            .sticky-images .images aside {
                position: relative;
                top: auto;
                left: auto;
                height: 75vh;
                opacity: 1;
                transition: none;
            }

            .sticky-images .images aside:not(:first-of-type) {
                display: none;
            }

            .sticky-images .articles {
                width: 100%;
                padding-top: 50px;
                padding-bottom: 50px;
                padding-left: 25px;
                padding-right: 25px;
                order: 2;
            }

            .sticky-images .articles article {
                height: auto;
                margin-bottom: 50px;
            }

            .sticky-images .articles article:last-of-type {
                margin-bottom: 0px;
            }

        /*HALF AND HALF*/

            .half-and-half .half {
                width: 100%;
                padding: 0px !important;
            }

            .half-and-half .half.padding-control-enabled {
                padding: 50px !important;
            }

            .half-and-half .half .background-image {
                position: relative;
                min-height: 400px;
            }

        /*BLOG GRID*/

            .blog-grid article.post:nth-of-type(1),
            .blog-grid article.post:nth-of-type(2),
            .blog-grid article.post:nth-of-type(3),
            .blog-grid article.post:nth-of-type(4),
            .blog-grid article.post:nth-of-type(5) {
                grid-column: 1 / -1;
                grid-row: auto;
            }

        /*COURSE SLIDER*/

            .course-slider {
                padding-left: 25px;
                padding-right: 25px;
            }

            .course-slider .slide .slide-media,
            .course-slider .slide .slide-content {
                width: 100%;
            }

            .course-slider .slide .background-image {
                border-top-left-radius: 25px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 25px;
            }

            .course-slider .slide .background-video {
                border-top-left-radius: 25px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 25px;
            }

        /*CENTERED GRID LIST*/

            .grid-centered-list {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch;
            }

            .centered-list-item {
                width: 100%;
                margin-bottom: 25px;
            }

            .centered-list-item:last-of-type {
                margin-bottom: 0px;
            }

            .centered-list .grid-centered-list.list-items-2 .centered-list-item {
                width: 100%;
            }

            .centered-list .grid-centered-list.list-items-3 .centered-list-item {
                width: 100%;
                border-right: none;
                padding-bottom: 25px;
            }

            .centered-list .grid-centered-list.list-items-4 .centered-list-item {
                width: 100%;
            }

        /*IMAGE EXPAND WITH TEXT*/

            /*GRID RESTRUCTURING*/

                .ltl-grid {
                    width: 95%;
                    grid-template-rows: auto auto;
                    gap: 40px;
                }

                .ltl-content {
                    grid-column: 1 / -1;
                    grid-row: 1;
                    padding-left: 25px;
                    padding-right: 25px;
                }

            /*IMAGE REPOSITIONING*/

                .ltl-large-image-wrapper {
                    grid-column: 1 / -1;
                    grid-row: 2;
                    aspect-ratio: 4 / 3;
                    cursor: pointer;
                    margin-bottom: 20%;
                }

                .ltl-large-image-link {
                    cursor: pointer;
                }
                
            /*MOBILE ELEMENTS*/

                .ltl-mobile-badge {
                    display: flex;
                }

            /*MARQUEE*/

            .ltl-marquee-container {
                top: 85%;
            }

    }

/*MIN WIDTH: 1201px*/

    @media (min-width: 1201px) {

        /*NAVIGATION BACK BUTTON*/

            a[data-back="true"] {
                display: none !important;
            }

        /*NAVIGATION HOVER STATES*/

            @media (hover: hover) and (pointer: fine) {

                .nav-col-left a:hover::after,
                .nav-col-left a.is-hover-active::after,
                .nav-col-left a.is-current-page::after,
                .nav-col-right a:hover::after,
                .nav-col-right a.is-current-page::after {
                    transform: scaleX(1);
                }

            }

    }

/*MAX WIDTH: 1000px*/

    @media (max-width: 1000px) {

        /*HTML*/

            html {
                scroll-behavior: auto !important;
            }

        /*FONTS*/

            .title {
                font-size: 48pt !important;
            }

    }

/*MAX WIDTH: 800px*/

    @media (max-width: 800px) {

        /*CENTERING DIV*/

            .center,
            .center-alt {
                width: calc(100% - 50px);
            }

        /*BLOCKS*/

            .standard-block .background-image {
                background-attachment: scroll !important;
            }

        /*HALF AND HALF*/

            .half-and-half .half.padding-control-enabled {
                padding: 25px !important;
            }

        /*TYPOGRAPHY RESET*/

            .title,
            .subtitle,
            .heading,
            .subheading,
            .copy {
                max-width: none !important;
            }

    }

/*MAX WIDTH: 768px*/

    @media (max-width: 768px) {

        /*SKIP LINK*/

            .skip-to-content {
                top: auto;
                bottom: 75px;
                left: 50%;
                transform: translate(-50%, 200px);
                padding: 10px 20px;
                width: max-content;
                border-radius: 4px;
            }

            .skip-to-content:focus {
                transform: translate(-50%, 0);
            }

            .skip-to-content::before {
                display: none;
            }

        /*VIDEO CONTROLS*/

            .video-controls {
                bottom: 15px;
                right: 15px;
                gap: 5px;
            }

            .video-play-toggle,
            .video-audio-toggle {
                font-size: 10px;
                padding: 6px 12px;
            }

        /*FOOTER LEDGER*/

            .ledger-grid {
                grid-template-columns: 1fr;
            }

            .ledger-grid > li:nth-child(even) {
                border-left: none;
            }

            .ledger-grid > li:nth-child(n+2) {
                border-top: 1px solid var(--ink);
            }

            .ledger-grid > li:nth-child(odd):last-child {
                border-right: none;
            }

            .ledger-grid > li:nth-child(even):nth-last-child(2) {
                border-bottom: none;
            }

            .ledger-almanac {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }

            .ledger-telegraph {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }

            .telegraph-form {
                width: 100%;
            }

            .ledger-grid:has(> li:nth-child(3):last-child)::after {
                display: none;
            }

            /* Restore the main watermark on mobile */
            .ledger-frame:has(.ledger-grid > li:nth-child(3):last-child) .ledger-watermark {
                display: block;
            }

        /*IMAGE EXPAND WITH TEXT*/

            .ltl-marquee-container {
                top: 85%;
            }

    }