/* =============================================================
   R A R A O M T   ::   b l o c k s . c s s
   sections downstream of the hero
   ============================================================= */


/* common shell helper (reused only locally — not a global) */

%shell-noop { /* sass-style placeholder; ignored by browser. just a marker. */ }



/* =============================================================
   r u l e s   l a n e
   ============================================================= */

.ruleslane {

    background    : var(--paint-asphalt-soft);
    padding       : var(--space-6) var(--space-3);
    border-top    : 4px solid var(--paint-rust);
    border-bottom : var(--rule-thin);

}

    .ruleslane__hold {

        max-width : 1090px;
        margin    : 0 auto;

        display   : grid;
        grid-template-columns: 0.85fr 1.4fr;
        gap       : var(--space-5);

    }

    .ruleslane__title {

        display   : flex;
        flex-direction: column;
        gap       : 8px;

    }

        .ruleslane__num {

            font-family   : var(--type-shout);
            font-size     : 86px;
            color         : var(--paint-rust);
            line-height   : .9;
            text-shadow   : 4px 3px 0 #000;

        }

        .ruleslane__title h2 {

            font-size     : 31px;
            line-height   : 1.18;
            margin-bottom : 0;

        }


    .ruleslane__body p {

        font-size  : 15.6px;
        line-height: 1.74;
        color      : var(--paint-bone-dim);

    }

    .ruleslane__bits {

        list-style : none;
        margin     : 21px 0 0;
        padding    : 19px 0 0;
        border-top : var(--rule-thin);

    }

        .ruleslane__bits li {

            font-family   : var(--type-mono);
            font-size     : 13.5px;
            letter-spacing: .4px;
            padding       : 8px 0;
            border-bottom : 1px dashed var(--paint-line-soft);

        }

        .ruleslane__bits li span {

            color         : var(--paint-flag-yellow);
            margin-right  : 8px;

        }



/* =============================================================
   g a r a g e   p i t   ( the only-game card )
   ============================================================= */

.garage-pit {

    padding : var(--space-6) var(--space-3);
    background:
        linear-gradient(180deg,
            var(--paint-asphalt) 0%,
            var(--paint-tarmac)  100%);

}

    .garage-pit__rim {

        max-width : var(--max-shell);
        margin    : 0 auto;

    }

    .garage-pit__head {

        text-align : center;
        margin-bottom: var(--space-5);

    }

        .garage-pit__tag {

            display       : inline-block;
            font-family   : var(--type-mono);
            font-size     : 12px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color         : var(--paint-flag-yellow);
            margin-bottom : 9px;

        }

        .garage-pit__call {

            font-family : var(--type-shout);
            font-size   : clamp(38px, 5vw, 72px);
            text-transform: uppercase;
            text-shadow : 5px 5px 0 var(--paint-rust-burnt);
            letter-spacing: 2px;

        }

        .garage-pit__sub {

            font-family   : var(--type-mono);
            color         : var(--paint-bone-dim);
            font-size     : 14.5px;
            letter-spacing: .6px;

        }


    .garage-pit__card {

        display : grid;
        grid-template-columns: 1fr 1.2fr;
        gap     : 0;
        background: var(--paint-asphalt-soft);
        border  : 2px solid var(--paint-line);
        border-top: 4px solid var(--paint-flag-yellow);

    }


    .garage-pit__image {

        position    : relative;
        background  : #000;
        overflow    : hidden;
        min-height  : 380px;

    }

        .garage-pit__shot {

            width      : 100%;
            height     : 100%;
            object-fit : cover;
            opacity    : .92;

        }

        .garage-pit__stamp {

            position      : absolute;
            top           : 23px;
            left          : -38px;
            transform     : rotate(-22deg);

            background    : var(--paint-rust);
            color         : var(--paint-bone);

            font-family   : var(--type-mono);
            font-weight   : 800;
            font-size     : 13px;
            letter-spacing: 3px;

            padding       : 6px 51px;
            border        : 2px solid #000;
            box-shadow    : 0 3px 0 #000;

        }


    .garage-pit__copy {

        padding   : var(--space-4) var(--space-4) var(--space-3);

    }

        .garage-pit__copy h3 {
            margin-bottom : 13px;
        }

        .garage-pit__copy p {

            color      : var(--paint-bone-dim);
            font-size  : 14.8px;
            line-height: 1.7;

        }


    .garage-pit__rowstats {

        display    : grid;
        grid-template-columns: repeat(5, 1fr);
        gap        : 0;
        margin     : var(--space-3) 0 var(--space-3);
        border     : var(--rule-thin);
        background : rgba(0,0,0,.32);

    }

        .rowstat {

            padding       : 12px 9px;
            text-align    : center;
            border-right  : 1px dashed var(--paint-line-soft);

        }

            .rowstat:last-child { border-right: 0; }

            .rowstat__k {

                font-family   : var(--type-mono);
                font-size     : 10.5px;
                letter-spacing: 1.4px;
                text-transform: uppercase;
                color         : var(--paint-bone-dim);
                opacity       : .82;

            }

            .rowstat__v {

                font-family   : var(--type-shout);
                font-size     : 24px;
                color         : var(--paint-flag-yellow);
                margin-top    : 4px;

            }


    .garage-pit__cta { margin-top: var(--space-2); }


    @media (max-width: 880px) {

        .garage-pit__card           { grid-template-columns: 1fr; }
        .garage-pit__rowstats       { grid-template-columns: repeat(2, 1fr); }
        .rowstat                    { border-bottom: 1px dashed var(--paint-line-soft); }
        .rowstat:nth-child(2)       { border-right: 0; }

    }



/* =============================================================
   l a p s   h o w   t o
   ============================================================= */

.laps-howto {

    padding    : var(--space-6) var(--space-3);
    background : var(--paint-asphalt);
    border-top : var(--rule-thin);

}

    .laps-howto__shell {

        max-width: var(--max-shell);
        margin   : 0 auto;

    }

    .laps-howto__intro {

        max-width   : 720px;
        margin-bottom: var(--space-5);

    }

        .laps-howto__pre {

            font-family   : var(--type-mono);
            font-size     : 12.5px;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color         : var(--paint-flame);
            display       : block;
            margin-bottom : 11px;

        }

        .laps-howto__intro p {

            color      : var(--paint-bone-dim);
            font-size  : 15.4px;
            line-height: 1.72;

        }


    .laps-howto__track {

        display              : grid;
        grid-template-columns: repeat(3, 1fr);
        gap                  : var(--space-3);

    }


    .lap-block {

        position    : relative;
        background  : var(--paint-asphalt-soft);
        border      : var(--rule-thin);
        border-left : 5px solid var(--paint-rust);
        padding     : var(--space-3) var(--space-3) var(--space-3);

    }

    .lap-block:nth-child(2) { border-left-color: var(--paint-flag-yellow); transform: translateY(22px); }
    .lap-block:nth-child(3) { border-left-color: var(--paint-flame); }

        .lap-block__num {

            font-family   : var(--type-mono);
            font-weight   : 800;
            font-size     : 11px;
            letter-spacing: 3px;
            color         : var(--paint-bone-dim);
            margin-bottom : 13px;
            opacity       : .77;

        }

        .lap-block h3 {

            font-size     : 24px;
            color         : var(--paint-bone);
            margin-bottom : 13px;

        }

        .lap-block p {

            font-size  : 14.6px;
            color      : var(--paint-bone-dim);
            line-height: 1.7;
            margin     : 0;

        }


    @media (max-width: 880px) {

        .laps-howto__track             { grid-template-columns: 1fr; }
        .lap-block:nth-child(2)        { transform: none; }

    }



/* =============================================================
   r e s p o n s i b l y    b a y
   ============================================================= */

.responsibly-bay {

    padding    : var(--space-6) var(--space-3);
    background : 
        linear-gradient(135deg, rgba(194,57,43,.08) 0%, transparent 60%),
        var(--paint-asphalt-soft);
    border-top : 4px double var(--paint-rust);

}

    .responsibly-bay__core {

        max-width : 1190px;
        margin    : 0 auto;

        display              : grid;
        grid-template-columns: 0.5fr 1.4fr;
        gap                  : var(--space-5);
        align-items          : start;

    }


    .responsibly-bay__sign {

        position    : sticky;
        top         : 110px;
        background  : #000;
        border      : 2px solid var(--paint-rust);
        padding     : 17px;

    }

        .responsibly-bay__sign img {
            width      : 100%;
            height     : auto;
            opacity    : .94;
        }


    .responsibly-bay__pretext {

        font-family   : var(--type-mono);
        font-size     : 12.5px;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color         : var(--paint-rust);
        margin-bottom : 11px;
        display       : block;

    }


    .responsibly-bay__words p {

        font-size  : 15.5px;
        line-height: 1.74;
        color      : var(--paint-bone-dim);
        max-width  : 730px;

    }


    .responsibly-bay__sticks {

        display              : grid;
        grid-template-columns: repeat(2, 1fr);
        gap                  : var(--space-2);
        margin               : var(--space-3) 0 var(--space-3);

    }


    .resp-stick {

        background : rgba(0,0,0,.45);
        border     : 1px dashed var(--paint-line-soft);
        padding    : var(--space-2) var(--space-2);
        position   : relative;

    }

        .resp-stick__hash {

            font-family   : var(--type-mono);
            font-size     : 11.5px;
            letter-spacing: 2px;
            color         : var(--paint-flag-yellow);
            display       : block;
            margin-bottom : 7px;
            opacity       : .9;

        }

        .resp-stick h4 {

            margin-bottom : 7px;
            color         : var(--paint-bone);

        }

        .resp-stick p {

            font-size  : 13.6px;
            margin     : 0;
            line-height: 1.62;
            color      : var(--paint-bone-dim);

        }


    @media (max-width: 880px) {

        .responsibly-bay__core      { grid-template-columns: 1fr; }
        .responsibly-bay__sign      { position: static; max-width: 240px; }
        .responsibly-bay__sticks    { grid-template-columns: 1fr; }

    }



/* =============================================================
   a b o u t   p a d d o c k
   ============================================================= */

.aboutpaddock {

    padding    : var(--space-6) var(--space-3);
    background : var(--paint-asphalt);

}

    .aboutpaddock__nest {

        max-width : 1180px;
        margin    : 0 auto;

        display   : grid;
        grid-template-columns: 0.85fr 1.3fr;
        gap       : var(--space-5);

    }

    .aboutpaddock__lead {

        font-family   : var(--type-mono);
        font-size     : 12.5px;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color         : var(--paint-flag-yellow);
        display       : block;
        margin-bottom : 13px;

    }

    .aboutpaddock__leftside h2 {

        font-size     : 33px;
        line-height   : 1.18;
        margin-bottom : 21px;

    }

    .aboutpaddock__loud {

        font-family : var(--type-banner);
        font-size   : 19px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color       : var(--paint-bone);
        line-height : 1.4;
        padding     : 14px 17px;
        background  : var(--paint-rust-burnt);
        border-left : 4px solid var(--paint-flag-yellow);

    }


    .aboutpaddock__rightside p {

        font-size  : 15.4px;
        line-height: 1.74;
        color      : var(--paint-bone-dim);

    }

    .aboutpaddock__rightside h4 {

        margin-top    : var(--space-3);
        color         : var(--paint-flag-yellow);
        text-transform: uppercase;
        letter-spacing: .8px;
        border-bottom : 1px dashed var(--paint-line);
        padding-bottom: 6px;

    }


    @media (max-width: 880px) {

        .aboutpaddock__nest { grid-template-columns: 1fr; }

    }



/* =============================================================
   r e e l   g l y p h s
   ============================================================= */

.reelglyphs {

    padding    : var(--space-6) var(--space-3);
    background : var(--paint-asphalt-soft);
    border-top : var(--rule-thin);
    border-bottom: var(--rule-thin);

}

    .reelglyphs__seam {

        max-width : var(--max-shell);
        margin    : 0 auto;

    }

    .reelglyphs__pre {

        margin-bottom : var(--space-5);
        max-width     : 700px;

    }

        .reelglyphs__pre span {

            font-family   : var(--type-mono);
            font-size     : 12.5px;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color         : var(--paint-flame);
            display       : block;
            margin-bottom : 11px;

        }

        .reelglyphs__pre p {

            color      : var(--paint-bone-dim);
            font-size  : 15.4px;
            line-height: 1.72;

        }


    .reelglyphs__rack {

        display              : grid;
        grid-template-columns: repeat(6, 1fr);
        gap                  : 0;
        border               : var(--rule-thin);

    }

    .glyph-tile {

        background    : var(--paint-asphalt);
        padding       : var(--space-3) var(--space-2) var(--space-3);
        border-right  : var(--rule-thin);
        border-bottom : var(--rule-thin);
        min-height    : 200px;

        display       : flex;
        flex-direction: column;

    }

    /* the big tile spans 2 columns and 2 rows */
    .glyph-tile--big {

        grid-column   : span 2;
        grid-row      : span 2;
        background    : 
            radial-gradient(circle at 30% 20%, rgba(241,194,51,.14) 0%, transparent 60%),
            var(--paint-asphalt);
        border-right  : 2px solid var(--paint-flag-yellow);

    }

        .glyph-tile__rank {

            font-family   : var(--type-mono);
            font-size     : 13px;
            letter-spacing: 4px;
            color         : var(--paint-flag-yellow);
            margin-bottom : 11px;

        }

        .glyph-tile h4 {

            font-size     : 17px;
            margin-bottom : 9px;
            color         : var(--paint-bone);

        }

        .glyph-tile p {

            font-size  : 13.7px;
            line-height: 1.62;
            color      : var(--paint-bone-dim);
            margin     : 0;

        }


    @media (max-width: 1080px) {

        .reelglyphs__rack         { grid-template-columns: repeat(3, 1fr); }
        .glyph-tile--big          { grid-column: span 3; grid-row: span 1; }

    }

    @media (max-width: 600px) {

        .reelglyphs__rack         { grid-template-columns: repeat(1, 1fr); }
        .glyph-tile--big          { grid-column: span 1; }
        .glyph-tile               { border-right: 0; }

    }



/* =============================================================
   p a d d o c k   q n a
   ============================================================= */

.paddock-qna {

    padding    : var(--space-6) var(--space-3);
    background : var(--paint-asphalt);

}

    .paddock-qna__pen {

        max-width : 1140px;
        margin    : 0 auto;

        display   : grid;
        grid-template-columns: 0.7fr 1.6fr;
        gap       : var(--space-5);

    }

    .paddock-qna__pre {

        font-family   : var(--type-mono);
        font-size     : 12.5px;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color         : var(--paint-rust);
        display       : block;
        margin-bottom : 11px;

    }

    .paddock-qna__column {

        display       : flex;
        flex-direction: column;
        gap           : 14px;

    }


    .askbox {

        background : var(--paint-asphalt-soft);
        padding    : 17px 21px 14px;
        border-left: 3px solid var(--paint-flag-yellow);
        border-bottom: 1px solid var(--paint-line);

    }

    /* alternate: every odd-th gets a different accent so blocks don't look uniform */
    .askbox:nth-child(odd) { border-left-color: var(--paint-rust); }
    .askbox:nth-child(4)   { border-left-color: var(--paint-flame); }
    .askbox:nth-child(7)   { border-left-color: var(--paint-bone); }

        .askbox h4 {

            margin-bottom : 7px;
            color         : var(--paint-bone);
            text-transform: none;
            letter-spacing: 0;
            font-family   : var(--type-mono);
            font-size     : 15.5px;

        }

        .askbox p {

            font-size  : 14.4px;
            color      : var(--paint-bone-dim);
            line-height: 1.66;
            margin     : 0;

        }


    @media (max-width: 880px) {

        .paddock-qna__pen { grid-template-columns: 1fr; }

    }



/* =============================================================
   s t a m p s   b a n d
   ============================================================= */

.stampsband {

    padding    : var(--space-5) var(--space-3);
    background : var(--paint-asphalt-soft);
    border-top : var(--rule-thin);

}

    .stampsband__hold {

        max-width  : 1140px;
        margin     : 0 auto;
        text-align : center;

    }

    .stampsband__pre {

        font-family   : var(--type-mono);
        font-size     : 12.5px;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color         : var(--paint-flag-yellow);
        display       : block;
        margin-bottom : 11px;

    }

    .stampsband h2 {
        font-size : 27px;
        margin-bottom: 14px;
    }

    .stampsband > .stampsband__hold > p {

        max-width : 760px;
        margin    : 0 auto var(--space-3);
        color     : var(--paint-bone-dim);
        font-size : 14.5px;

    }


    .stampsband__row {

        display              : grid;
        grid-template-columns: repeat(5, 1fr);
        gap                  : var(--space-2);
        align-items          : center;
        justify-items        : center;

        margin-top           : var(--space-3);
        padding-top          : var(--space-3);
        border-top           : var(--rule-thin);

    }


    .stamp-cell {

        display       : flex;
        flex-direction: column;
        align-items   : center;
        gap           : 8px;

        padding       : 14px 10px;
        background    : rgba(0,0,0,.35);
        border        : 1px dashed var(--paint-line);
        width         : 100%;

    }

        .stamp-cell img {

            height     : 56px;
            width      : auto;
            opacity    : .92;
            filter     : grayscale(.18);

        }

        .stamp-cell span {

            font-family   : var(--type-mono);
            font-size     : 11px;
            letter-spacing: 1.3px;
            text-transform: uppercase;
            color         : var(--paint-bone-dim);
            text-align    : center;

        }


    @media (max-width: 880px) {

        .stampsband__row { grid-template-columns: repeat(2, 1fr); }

    }



/* =============================================================
   n o t   h e r e   b a n d
   ============================================================= */

.not-here-band {

    padding    : var(--space-6) var(--space-3);
    background : var(--paint-asphalt-soft);
    border-top : var(--rule-thin);

}

    .not-here-band__hold {

        max-width : var(--max-shell);
        margin    : 0 auto;

    }

    .not-here-band__head {

        max-width    : 730px;
        margin-bottom: var(--space-5);

    }

        .not-here-band__pre {

            font-family   : var(--type-mono);
            font-size     : 12.5px;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color         : var(--paint-rust);
            display       : block;
            margin-bottom : 11px;

        }

        .not-here-band__head p {

            color      : var(--paint-bone-dim);
            font-size  : 15.4px;
            line-height: 1.72;

        }


    .not-here-band__row {

        display              : grid;
        grid-template-columns: repeat(3, 1fr);
        gap                  : var(--space-2);

    }


    .nothere-card {

        background  : var(--paint-asphalt);
        border      : var(--rule-thin);
        border-top  : 3px solid var(--paint-rust);
        padding     : var(--space-3) var(--space-2) var(--space-2);
        position    : relative;

    }

    .nothere-card:nth-child(2) { border-top-color: var(--paint-flame); }
    .nothere-card:nth-child(4) { border-top-color: var(--paint-flag-yellow); }
    .nothere-card:nth-child(6) { border-top-color: var(--paint-bone); }

        .nothere-card__cross {

            position    : absolute;
            top         : 13px;
            right       : 17px;
            font-family : var(--type-shout);
            font-size   : 38px;
            line-height : 1;
            color       : var(--paint-rust);
            opacity     : .68;

        }

        .nothere-card h4 {

            color         : var(--paint-bone);
            font-size     : 16px;
            margin-bottom : 9px;
            padding-right : 38px;

        }

        .nothere-card p {

            font-size  : 13.8px;
            line-height: 1.66;
            color      : var(--paint-bone-dim);
            margin     : 0;

        }


    @media (max-width: 880px) {

        .not-here-band__row { grid-template-columns: 1fr; }

    }



/* =============================================================
   e t i q u e t t e   b o x
   ============================================================= */

.etiquette-box {

    padding    : var(--space-6) var(--space-3);
    background : var(--paint-asphalt);
    border-top : var(--rule-thin);

}

    .etiquette-box__pad {

        max-width : 1080px;
        margin    : 0 auto;

    }

    .etiquette-box__leading {

        max-width    : 720px;
        margin-bottom: var(--space-4);
        text-align   : left;

    }

        .etiquette-box__pre {

            font-family   : var(--type-mono);
            font-size     : 12.5px;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color         : var(--paint-flag-yellow);
            display       : block;
            margin-bottom : 11px;

        }

        .etiquette-box__leading p {

            color      : var(--paint-bone-dim);
            font-size  : 15.4px;
            font-style : italic;
            opacity    : .92;

        }


    .etiquette-box__feed {

        display       : flex;
        flex-direction: column;
        gap           : var(--space-2);

        border-left   : 2px solid var(--paint-rust);
        padding-left  : var(--space-3);

    }


    .etique-line {

        display      : grid;
        grid-template-columns: 56px 1fr;
        gap          : var(--space-2);
        align-items  : start;
        padding      : 13px 0 14px;
        border-bottom: 1px dashed var(--paint-line-soft);

    }

    .etique-line:last-child { border-bottom: 0; }

        .etique-line__num {

            font-family   : var(--type-shout);
            font-size     : 33px;
            color         : var(--paint-flag-yellow);
            line-height   : .9;

        }

        .etique-line p {

            font-size  : 15px;
            line-height: 1.74;
            color      : var(--paint-bone-dim);
            margin     : 0;

        }



/* =============================================================
   l a s t   c a l l    ( pre-footer cta )
   ============================================================= */

.lastcall-grid {

    padding    : var(--space-6) var(--space-3);
    background : 
        linear-gradient(120deg, var(--paint-rust-burnt) 0%, var(--paint-asphalt) 70%);

}

    .lastcall-grid__core {

        max-width  : 920px;
        margin     : 0 auto;
        text-align : center;

    }

    .lastcall-grid h2 {

        font-size     : clamp(28px, 4vw, 47px);
        line-height   : 1.18;
        margin-bottom : 17px;
        text-shadow   : 3px 3px 0 #000;

    }

    .lastcall-grid p {

        font-size : 16px;
        max-width : 620px;
        margin    : 0 auto 27px;
        color     : var(--paint-bone-dim);

    }



/* =============================================================
   b a s e m e n t    ( footer )
   ============================================================= */

.basement {

    background    : #07080a;
    color         : var(--paint-bone-dim);
    padding       : var(--space-5) var(--space-3) 0;
    border-top    : 5px solid var(--paint-rust);

}

    .basement__shell {

        max-width : var(--max-shell);
        margin    : 0 auto;

        display              : grid;
        grid-template-columns: 1.4fr 1fr 0.85fr 0.95fr;
        gap                  : var(--space-4);

    }

    .basement__col h5 {

        font-family   : var(--type-mono);
        font-weight   : 800;
        font-size     : 12px;
        letter-spacing: 2.2px;
        text-transform: uppercase;
        color         : var(--paint-flag-yellow);
        margin-bottom : 14px;
        padding-bottom: 6px;
        border-bottom : 1px dashed var(--paint-line);

    }

    .basement__brand img {

        height     : 30px;
        width      : auto;
        margin-bottom: 13px;
        filter     : brightness(0) invert(1) opacity(.92);

    }

    .basement__pitch {

        font-size  : 13.5px;
        line-height: 1.66;
        max-width  : 350px;
        margin-bottom: 15px;

    }

    .basement__hot {

        font-family   : var(--type-mono);
        font-weight   : 800;
        font-size     : 11px;
        letter-spacing: 2px;
        color         : var(--paint-flag-yellow);
        background    : var(--paint-rust-burnt);
        padding       : 6px 9px;
        display       : inline-block;
        border        : 1px solid #000;

    }

    .basement__col--reach p {

        font-size  : 13.4px;
        line-height: 1.62;
        margin     : 0 0 11px;

    }

    .basement__col--reach span {

        color         : var(--paint-bone);
        font-family   : var(--type-mono);
        font-size     : 11px;
        letter-spacing: 1.4px;
        text-transform: uppercase;

    }

    .basement__col--reach a {

        color : var(--paint-flag-yellow);

    }

    .basement__col--reach a:hover { text-decoration: underline; }

    .basement__list {

        list-style : none;
        padding    : 0;
        margin     : 0;

    }

        .basement__list li {

            padding-bottom: 7px;
            font-size     : 13.5px;

        }

        .basement__list a:hover { color: var(--paint-flag-yellow); text-decoration: underline; }


    .basement__belt {

        max-width  : var(--max-shell);
        margin     : var(--space-4) auto 0;
        padding    : var(--space-2) 0;
        border-top : var(--rule-thin);
        border-color: var(--paint-line);

    }

        .basement__belt p {

            font-family : var(--type-mono);
            font-size   : 11.5px;
            line-height : 1.6;
            color       : #6b6e74;
            margin      : 0;
            padding-bottom: 14px;

        }


    @media (max-width: 880px) {

        .basement__shell { grid-template-columns: 1fr 1fr; }

    }

    @media (max-width: 520px) {

        .basement__shell { grid-template-columns: 1fr; }

    }


/* =============================================================
   1 8 +   a g e   w a l l   ( popup with yes-only )
   ============================================================= */

.agewall {

    position    : fixed;
    inset       : 0;
    z-index     : 999;

    display     : flex;
    align-items : center;
    justify-content: center;

    padding     : var(--space-3);

    background  :
        radial-gradient(circle at 30% 20%, rgba(194,57,43,.18) 0%, transparent 60%),
        rgba(7,8,10,.94);
    backdrop-filter : blur(6px);

    animation   : agewall-fadein .35s ease-out;

}

    @keyframes agewall-fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    .agewall--gone { display: none; }


    .agewall__sheet {

        max-width   : 553px;
        width       : 100%;

        background  : var(--paint-asphalt-soft);
        border      : 2px solid var(--paint-flag-yellow);
        border-bottom: 5px solid var(--paint-rust);

        padding     : var(--space-4) var(--space-3) var(--space-3);

        position    : relative;
        box-shadow  : 0 28px 64px rgba(0,0,0,.72);

    }

    .agewall__sheet::before {

        content     : '';
        position    : absolute;
        inset       : -1px;
        z-index     : -1;
        background  : repeating-linear-gradient(
                          135deg,
                          rgba(0,0,0,.0) 0,
                          rgba(0,0,0,.0) 14px,
                          rgba(241,194,51,.18) 14px,
                          rgba(241,194,51,.18) 16px
                      );
        pointer-events: none;

    }


    .agewall__top {

        display       : flex;
        justify-content: space-between;
        align-items   : center;
        margin-bottom : var(--space-3);
        padding-bottom: 13px;
        border-bottom : 1px dashed var(--paint-line);

    }

        .agewall__pill {

            font-family   : var(--type-mono);
            font-weight   : 800;
            font-size     : 11.5px;
            letter-spacing: 2.4px;
            color         : var(--paint-flag-yellow);
            background    : #000;
            padding       : 4px 10px;
            border        : 1px solid var(--paint-flag-yellow);

        }

        .agewall__num {

            font-family   : var(--type-shout);
            font-size     : 47px;
            color         : var(--paint-rust);
            line-height   : 1;
            text-shadow   : 3px 3px 0 #000;

        }


    .agewall__heading {

        font-family   : var(--type-banner);
        font-size     : 31px;
        line-height   : 1.18;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        color         : var(--paint-bone);
        margin        : 0 0 14px;

    }

    .agewall__copy {

        font-size  : 14.4px;
        line-height: 1.66;
        color      : var(--paint-bone-dim);

    }

    .agewall__bullets {

        list-style : none;
        margin     : 13px 0 var(--space-3);
        padding    : 13px 0 0;
        border-top : 1px dashed var(--paint-line);

    }

        .agewall__bullets li {

            font-family   : var(--type-mono);
            font-size     : 12.7px;
            letter-spacing: .4px;
            padding       : 5px 0 5px 19px;
            position      : relative;
            color         : var(--paint-bone-dim);

        }

        .agewall__bullets li::before {

            content     : '↳';
            position    : absolute;
            left        : 0;
            color       : var(--paint-flag-yellow);

        }


    .agewall__yes {

        display       : flex;
        flex-direction: column;
        align-items   : center;
        justify-content: center;

        width         : 100%;
        padding       : 17px 22px 14px;

        background    : var(--paint-rust);
        color         : var(--paint-bone);

        border        : 2px solid var(--paint-rust-burnt);
        border-bottom : 5px solid #000;
        border-radius : 0;

        cursor        : pointer;
        transition    : transform .2s ease, background .2s ease;

        font-family   : var(--type-banner);

    }

        .agewall__yes span {

            font-size      : 23px;
            letter-spacing : 1.7px;
            text-transform : uppercase;

        }

        .agewall__yes small {

            font-family   : var(--type-mono);
            font-size     : 11px;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            opacity       : .8;
            margin-top    : 5px;
            font-weight   : 400;

        }

        .agewall__yes:hover {

            background : var(--paint-rust-burnt);
            transform  : translateY(-2px);

        }

        .agewall__yes:active {
            transform : translateY(0);
        }


    .agewall__exit {

        font-family   : var(--type-mono);
        font-size     : 11.5px;
        line-height   : 1.6;
        color         : #6b6e74;
        margin        : var(--space-2) 0 0;
        padding-top   : 14px;
        border-top    : 1px dashed var(--paint-line);

    }


    @media (max-width: 520px) {

        .agewall__heading { font-size: 25px; }
        .agewall__num     { font-size: 36px; }

    }



/* =============================================================
   r e d   1 8 +   a l e r t   s t r i p   ( under hero )
   ============================================================= */

.redalert {

    background  : var(--paint-rust);
    color       : #fff;
    border-top  : 2px solid #000;
    border-bottom: 2px solid #000;
    overflow    : hidden;

    position    : relative;

}

.redalert::before,
.redalert::after {

    content    : '';
    position   : absolute;
    top        : 0;
    bottom     : 0;
    width      : 38px;
    background : repeating-linear-gradient(
                     45deg,
                     #000 0,
                     #000 8px,
                     var(--paint-flag-yellow) 8px,
                     var(--paint-flag-yellow) 16px
                 );
    z-index    : 1;

}

.redalert::before { left: 0; }
.redalert::after  { right: 0; }


    .redalert__inside {

        max-width    : var(--max-shell);
        margin       : 0 auto;
        padding      : 11px 50px;

        display      : flex;
        align-items  : center;
        justify-content: center;
        gap          : 14px;

        font-family  : var(--type-mono);
        font-weight  : 800;
        font-size    : 12.5px;
        letter-spacing: 1.4px;
        text-transform: uppercase;

    }


    .redalert__badge {

        background    : #000;
        color         : var(--paint-flag-yellow);
        padding       : 4px 8px;
        border        : 1px solid var(--paint-flag-yellow);
        font-weight   : 800;
        flex-shrink   : 0;

    }

    .redalert__badge--alt {
        color : var(--paint-bone);
        border-color: var(--paint-bone);
    }


    .redalert__pipe {
        opacity     : .58;
        font-weight : 400;
    }

    .redalert__yell {
        flex         : 0 1 auto;
        text-align   : center;
    }


    @media (max-width: 720px) {

        .redalert::before,
        .redalert::after { display: none; }

        .redalert__inside {
            padding   : 11px var(--space-3);
            font-size : 11.5px;
            gap       : 9px;
            flex-wrap : wrap;
        }

        .redalert__pipe { display: none; }

    }



/* =============================================================
   p i t   s t r i p   ( four-image polaroid rail )
   ============================================================= */

.pitstrip {

    padding    : var(--space-6) var(--space-3);
    background : var(--paint-asphalt);
    border-top : var(--rule-thin);

}

    .pitstrip__hood {

        max-width : var(--max-shell);
        margin    : 0 auto;

    }

    .pitstrip__lead {

        max-width    : 720px;
        margin-bottom: var(--space-4);

    }

        .pitstrip__pre {

            font-family   : var(--type-mono);
            font-size     : 12.5px;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color         : var(--paint-flame);
            display       : block;
            margin-bottom : 11px;

        }

        .pitstrip__lead p {

            color      : var(--paint-bone-dim);
            font-size  : 15.4px;
            line-height: 1.72;

        }


    .pitstrip__rail {

        display              : grid;
        grid-template-columns: 1.2fr 1fr 1fr 1fr;
        gap                  : var(--space-2);
        align-items          : start;

    }


    .pitslide {

        background  : var(--paint-asphalt-soft);
        border      : var(--rule-thin);
        padding     : 9px 9px 13px;
        margin      : 0;
        box-shadow  : 4px 5px 0 rgba(0,0,0,.55);

    }

    .pitslide--tall  { transform: translateY(-13px) rotate(-1deg); }
    .pitslide--tilt  { transform: translateY(7px) rotate(1.4deg); }

        .pitslide img {

            width      : 100%;
            height     : 230px;
            object-fit : cover;
            background : #000;
            display    : block;

        }

        .pitslide--tall img {
            height : 273px;
        }

        .pitslide figcaption {

            margin-top    : 11px;
            font-family   : var(--type-mono);
            font-size     : 11.7px;
            line-height   : 1.55;
            color         : var(--paint-bone-dim);

        }

        .pitslide figcaption b {
            color         : var(--paint-flag-yellow);
            font-weight   : 800;
            text-transform: uppercase;
            letter-spacing: 1px;
        }


    @media (max-width: 1080px) {

        .pitstrip__rail              { grid-template-columns: repeat(2, 1fr); }
        .pitslide--tall              { transform: none; }
        .pitslide--tilt              { transform: none; }

    }

    @media (max-width: 520px) {

        .pitstrip__rail              { grid-template-columns: 1fr; }
        .pitslide img                { height: 210px; }

    }



/* =============================================================
   q n a   p o r t r a i t   ( inside qna ledger column )
   ============================================================= */

.qna-portrait {

    margin     : var(--space-3) 0 0;
    padding    : 8px;
    background : #000;
    border     : 1px solid var(--paint-line);
    border-bottom: 4px solid var(--paint-flag-yellow);
    max-width  : 280px;

}

    .qna-portrait img {

        width      : 100%;
        height     : 230px;
        object-fit : cover;
        display    : block;

    }

    .qna-portrait figcaption {

        margin-top    : 9px;
        padding       : 0 4px 4px;
        font-family   : var(--type-mono);
        font-size     : 11.4px;
        font-style    : italic;
        line-height   : 1.5;
        color         : var(--paint-bone-dim);

    }


    @media (max-width: 880px) {

        .qna-portrait { max-width: 100%; }

    }



/* =============================================================
   f o o t e r   ::   r e s p o n s i b l y   b e a m
   ============================================================= */

.basement__beam {

    background  :
        linear-gradient(95deg, var(--paint-rust-burnt) 0%, #1c1014 100%);
    border-bottom: 1px solid var(--paint-line);
    padding     : var(--space-4) var(--space-3);

}

    .basement__beam-inside {

        max-width : var(--max-shell);
        margin    : 0 auto;

        display              : grid;
        grid-template-columns: 130px 1fr;
        gap                  : var(--space-3);
        align-items          : start;

    }

    .beam-tag {

        background    : #000;
        border        : 2px solid var(--paint-flag-yellow);
        text-align    : center;
        padding       : 17px 11px 14px;

    }

        .beam-tag__plus {

            font-family   : var(--type-shout);
            font-size     : 47px;
            color         : var(--paint-flag-yellow);
            line-height   : 1;
            display       : block;
            text-shadow   : 3px 3px 0 var(--paint-rust-burnt);

        }

        .beam-tag__caption {

            display       : block;
            margin-top    : 7px;
            font-family   : var(--type-mono);
            font-size     : 10.5px;
            letter-spacing: 1.6px;
            text-transform: uppercase;
            color         : var(--paint-bone-dim);

        }


    .beam-words h4 {

        color         : var(--paint-bone);
        font-family   : var(--type-banner);
        font-size     : 23px;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        margin-bottom : 9px;

    }

    .beam-words p {

        font-size  : 14.4px;
        line-height: 1.7;
        color      : var(--paint-bone);
        margin     : 0;
        max-width  : 950px;

    }


    @media (max-width: 720px) {

        .basement__beam-inside { grid-template-columns: 1fr; }
        .beam-tag              { max-width: 200px; }

    }



/* =============================================================
   f o o t e r   ::   r e g u l a t o r   b a n d
   ============================================================= */

.basement__regband {

    background  : #0a0b0d;
    border-bottom: var(--rule-thin);
    padding     : var(--space-3) var(--space-3);

}

    .basement__regband-inside {

        max-width : var(--max-shell);
        margin    : 0 auto;

    }

    .regband__pre {

        font-family   : var(--type-mono);
        font-size     : 11.5px;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color         : var(--paint-flag-yellow);
        display       : block;
        margin-bottom : 17px;
        opacity       : .78;

    }


    .regband__strip {

        display              : grid;
        grid-template-columns: repeat(4, 1fr);
        gap                  : var(--space-2);
        align-items          : center;

    }


    .reglogo {

        display       : flex;
        flex-direction: column;
        align-items   : center;
        justify-content: center;
        gap           : 9px;

        padding       : 17px 13px 13px;
        background    : var(--paint-asphalt);
        border        : 1px dashed var(--paint-line);
        text-align    : center;
        min-height    : 110px;

        transition    : border-color .25s ease, background .25s ease;

    }

        .reglogo img {

            max-height : 47px;
            max-width  : 132px;
            width      : auto;
            height     : auto;
            object-fit : contain;
            filter     : grayscale(.34) brightness(1.05);
            opacity    : .92;

        }

        .reglogo span {

            font-family   : var(--type-mono);
            font-size     : 10.7px;
            letter-spacing: 1.3px;
            text-transform: uppercase;
            color         : var(--paint-bone-dim);

        }

        .reglogo:hover {

            border-color : var(--paint-flag-yellow);
            background   : var(--paint-asphalt-soft);

        }

        .reglogo:hover img {
            filter     : grayscale(0) brightness(1);
            opacity    : 1;
        }


    @media (max-width: 720px) {

        .regband__strip { grid-template-columns: repeat(2, 1fr); }

    }



/* =============================================================
   c o o k i e   s l i p   ( bottom-fixed gdpr alert )
   ============================================================= */

.cookieslip {

    position    : fixed;
    left        : 17px;
    right       : 17px;
    bottom      : 17px;
    z-index     : 800;

    background  : var(--paint-asphalt-soft);
    border      : 1px solid var(--paint-line);
    border-bottom: 4px solid var(--paint-flag-yellow);
    box-shadow  : 0 22px 47px rgba(0,0,0,.62);

    padding     : 17px 19px;

    animation   : cookieslip-rise .42s ease-out;
    max-width   : 920px;
    margin      : 0 auto;

}

    @keyframes cookieslip-rise {
        from { transform: translateY(40px); opacity: 0; }
        to   { transform: translateY(0);    opacity: 1; }
    }

    .cookieslip--gone { display: none; }


    .cookieslip__inner {

        display              : grid;
        grid-template-columns: 44px 1fr auto;
        gap                  : 17px;
        align-items          : center;

    }


    .cookieslip__icon {

        width      : 44px;
        height     : 44px;
        display    : flex;
        align-items: center;
        justify-content: center;

    }


    .cookieslip__words h5 {

        font-family   : var(--type-banner);
        font-size     : 17px;
        letter-spacing: 1.1px;
        text-transform: uppercase;
        color         : var(--paint-bone);
        margin        : 0 0 4px;
        border-bottom : 0;
        padding-bottom: 0;

    }

    .cookieslip__words p {

        font-family : var(--type-mono);
        font-size   : 12.5px;
        line-height : 1.55;
        color       : var(--paint-bone-dim);
        margin      : 0;

    }

    .cookieslip__words a {

        color           : var(--paint-flag-yellow);
        border-bottom   : 1px dashed var(--paint-flag-yellow);

    }


    .cookieslip__buttons {

        display       : flex;
        flex-direction: column;
        gap           : 7px;
        align-items   : stretch;

    }

    .ckbtn {

        font-family   : var(--type-mono);
        font-weight   : 800;
        font-size     : 11.5px;
        letter-spacing: 1.6px;
        text-transform: uppercase;

        padding       : 10px 17px;
        cursor        : pointer;
        border-radius : 0;
        white-space   : nowrap;

        transition    : transform .2s ease, background .2s ease;

    }

        .ckbtn--accept {
            background : var(--paint-flag-yellow);
            color      : #000;
            border     : 1px solid #000;
        }

        .ckbtn--accept:hover {
            background : var(--paint-flame);
            transform  : translateY(-1px);
        }

        .ckbtn--reject {
            background : transparent;
            color      : var(--paint-bone);
            border     : 1px solid var(--paint-bone-dim);
        }

        .ckbtn--reject:hover {
            background : var(--paint-bone);
            color      : var(--paint-asphalt);
        }

        .ckbtn__more {

            font-family   : var(--type-mono);
            font-size     : 10.5px;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            color         : var(--paint-bone-dim);
            text-align    : center;
            padding-top   : 3px;
            opacity       : .84;

        }

        .ckbtn__more:hover { color: var(--paint-flag-yellow); }


    @media (max-width: 720px) {

        .cookieslip {
            left   : 0;
            right  : 0;
            bottom : 0;
            border-left: 0;
            border-right: 0;
            border-radius: 0;
        }

        .cookieslip__inner {
            grid-template-columns: 1fr;
            gap : 13px;
        }

        .cookieslip__icon { display: none; }

        .cookieslip__buttons {
            flex-direction: row;
            flex-wrap: wrap;
        }

        .ckbtn { flex: 1 1 auto; }

    }