/* ==========================================================
   BAD INFLUENCE — MOBILE OVERRIDE
   Loaded AFTER style.css.
   ========================================================== */

@media (max-width: 700px) {

    /*
    ==========================================================
    PRODUCT SCENES — GLOBAL MOBILE RESET
    ==========================================================
    */

    .product-scene--side-quest,
    .product-scene--long-weekend,
    .product-scene--receipt-problem {
        display: flex !important;
        flex-direction: column !important;

        grid-template-columns: none !important;
        grid-template-rows: none !important;

        gap: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 2.75rem 0.75rem 3.25rem !important;

        overflow: hidden !important;
    }


    /*
    ==========================================================
    SIDE QUEST
    ==========================================================
    */

    .product-scene--side-quest .product-scene__identity,
    .product-scene--side-quest .product-scene__description,
    .product-scene--side-quest .product-scene__visual,
    .product-scene--side-quest .product-scene__microcopy {
        position: relative !important;

        inset: auto !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: none !important;
    }


    .product-scene--side-quest .product-scene__identity {
        order: 1;

        margin-bottom: 1.75rem !important;
    }


    .product-scene--side-quest .product-scene__identity h3 {
        max-width: none !important;

        margin: 0 !important;

        font-size: clamp(3.8rem, 17vw, 5rem) !important;

        line-height: 0.88 !important;

        letter-spacing: -0.07em !important;
    }


    .product-scene--side-quest .product-scene__identity p {
        margin-top: 0.75rem !important;

        font-size: 1rem !important;

        line-height: 1.2 !important;
    }


    .product-scene--side-quest .product-scene__description {
        order: 2;

        margin-bottom: 1.75rem !important;
    }


    .product-scene--side-quest .product-scene__description-label {
        display: block !important;

        margin-bottom: 1rem !important;

        font-size: 0.66rem !important;

        line-height: 1.3 !important;
    }


    .product-scene--side-quest .product-scene__description-lead {
        max-width: none !important;

        margin: 0 0 1rem !important;

        font-size: clamp(1.7rem, 7.5vw, 2.1rem) !important;

        line-height: 1.05 !important;
    }


    .product-scene--side-quest .product-scene__description-body {
        max-width: none !important;

        font-size: 1rem !important;

        line-height: 1.55 !important;
    }


    .product-scene--side-quest .product-scene__description-punchline {
        margin-top: 1.5rem !important;

        font-size: 0.68rem !important;

        line-height: 1.7 !important;
    }


    .product-scene--side-quest .product-scene__visual {
        order: 3;

        margin-bottom: 1.5rem !important;

        aspect-ratio: 4 / 3 !important;
    }


    .product-scene--side-quest .product-scene__visual img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;

        transform: none !important;
    }


    .product-scene--side-quest .product-scene__microcopy {
        order: 4;

        display: block !important;

        margin-top: 0 !important;

        padding-top: 1rem !important;

        font-size: 0.62rem !important;
    }


    .product-scene--side-quest .product-scene__microcopy span {
        display: block !important;

        margin-bottom: 0.35rem !important;
    }


    .product-scene--side-quest .product-scene__statement {
        display: none !important;
    }



    /*
    ==========================================================
    LONG WEEKEND
    ==========================================================
    */

    .product-scene--long-weekend .product-scene__visual,
    .product-scene--long-weekend .long-weekend__editorial,
    .product-scene--long-weekend .product-scene__identity,
    .product-scene--long-weekend .product-scene__floating-note {
        position: relative !important;

        inset: auto !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: none !important;
    }


    .product-scene--long-weekend .product-scene__visual {
        order: 1;

        aspect-ratio: 4 / 3 !important;

        margin-bottom: 1.75rem !important;
    }


    .product-scene--long-weekend .product-scene__visual img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;

        transform: none !important;
    }


    .product-scene--long-weekend .long-weekend__editorial {
        order: 2;

        margin-bottom: 2.25rem !important;
    }


    .product-scene--long-weekend .long-weekend__label {
        display: block !important;

        margin-bottom: 1rem !important;

        font-size: 0.66rem !important;
    }


    .product-scene--long-weekend .long-weekend__lead {
        max-width: none !important;

        margin: 0 0 1rem !important;

        font-size: clamp(2rem, 8.5vw, 2.5rem) !important;

        line-height: 1 !important;
    }


    .product-scene--long-weekend .long-weekend__body {
        max-width: none !important;

        font-size: 1rem !important;

        line-height: 1.55 !important;
    }


    .product-scene--long-weekend .long-weekend__punchline {
        margin-top: 1.5rem !important;

        font-size: 0.68rem !important;

        line-height: 1.7 !important;
    }


    .product-scene--long-weekend .product-scene__identity {
        order: 3;

        margin-bottom: 1.75rem !important;
    }


    .product-scene--long-weekend .product-scene__identity h3 {
        white-space: normal !important;

        margin: 0 !important;

        font-size: clamp(3.5rem, 14vw, 4.5rem) !important;

        line-height: 0.9 !important;

        letter-spacing: -0.065em !important;
    }


    .product-scene--long-weekend .product-scene__identity p {
        margin-top: 0.7rem !important;

        font-size: 1rem !important;
    }


    .product-scene--long-weekend .product-scene__floating-note {
        order: 4;

        margin: 0 !important;

        padding-top: 1rem !important;

        font-size: 1.15rem !important;

        line-height: 1.15 !important;
    }


    .product-scene--long-weekend .product-scene__sideword,
    .product-scene--long-weekend::before {
        display: none !important;
    }



    /*
    ==========================================================
    RECEIPT PROBLEM
    ==========================================================
    */

    .product-scene--receipt-problem .product-scene__visual,
    .product-scene--receipt-problem .product-scene__identity,
    .product-scene--receipt-problem .receipt-problem__story,
    .product-scene--receipt-problem .product-scene__price-joke,
    .product-scene--receipt-problem .product-scene__disclaimer {
        position: relative !important;

        inset: auto !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: none !important;
    }


    .product-scene--receipt-problem .product-scene__visual {
        order: 1;

        aspect-ratio: 4 / 3 !important;

        margin-bottom: 2rem !important;

        padding: 0.5rem !important;
    }


    .product-scene--receipt-problem .product-scene__visual img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;

        transform: none !important;
    }


    .product-scene--receipt-problem .product-scene__identity {
        order: 2;

        margin-bottom: 1.75rem !important;
    }


    .product-scene--receipt-problem .product-scene__identity h3 {
        max-width: none !important;

        margin: 0 !important;

        font-size: clamp(3.7rem, 16vw, 4.9rem) !important;

        line-height: 0.88 !important;

        letter-spacing: -0.07em !important;
    }


    .product-scene--receipt-problem .product-scene__identity p {
        margin-top: 0.8rem !important;

        font-size: 1.1rem !important;
    }


    .product-scene--receipt-problem .receipt-problem__story {
        order: 3;

        margin-bottom: 2rem !important;
    }


    .product-scene--receipt-problem .receipt-problem__label {
        display: block !important;

        margin-bottom: 1rem !important;

        font-size: 0.66rem !important;
    }


    .product-scene--receipt-problem .receipt-problem__lead {
        max-width: none !important;

        margin: 0 0 1rem !important;

        font-size: clamp(1.8rem, 8vw, 2.3rem) !important;

        line-height: 1 !important;
    }


    .product-scene--receipt-problem .receipt-problem__body {
        max-width: none !important;

        font-size: 1rem !important;

        line-height: 1.55 !important;
    }


    .product-scene--receipt-problem .receipt-problem__punchline {
        margin-top: 1.5rem !important;

        font-size: 0.68rem !important;

        line-height: 1.75 !important;
    }


    .product-scene--receipt-problem .product-scene__price-joke {
        order: 4;

        margin-bottom: 1.75rem !important;

        padding-top: 1.5rem !important;
    }


    .product-scene--receipt-problem .product-scene__price-joke strong {
        display: block !important;

        margin: 0 !important;

        font-size: clamp(4rem, 17vw, 5.4rem) !important;

        line-height: 0.85 !important;

        white-space: nowrap !important;
    }


    .product-scene--receipt-problem .product-scene__price-joke > span:last-child {
        display: block !important;

        margin-top: 0.85rem !important;

        font-size: 1rem !important;

        line-height: 1.2 !important;
    }


    .product-scene--receipt-problem .product-scene__disclaimer {
        order: 5;

        margin: 0 !important;

        padding-top: 1rem !important;

        font-size: 0.58rem !important;

        line-height: 1.55 !important;
    }


    .product-scene--receipt-problem::before {
        display: none !important;
    }

}

/* BAD INFLUENCE MOBILE HERO POLISH V86 */

@media (max-width: 700px) {


    /*
    |--------------------------------------------------------------------------
    | HERO STAGE
    |--------------------------------------------------------------------------
    */

    .hero-stage {
        min-height: 100svh !important;
    }


    /*
    |--------------------------------------------------------------------------
    | YOU WERE / JUST
    |--------------------------------------------------------------------------
    |
    | Preserve the giant editorial treatment,
    | but keep both lines inside the viewport.
    |
    */

    .hero-stage__word {
        left: 1rem !important;

        max-width:
            calc(
                100vw - 2rem
            ) !important;

        white-space: nowrap !important;

        line-height: 0.78 !important;

        letter-spacing: -0.07em !important;
    }


    .hero-stage__word--top {
        top: 5.9rem !important;

        font-size:
            clamp(
                4.35rem,
                18vw,
                5.45rem
            ) !important;
    }


    .hero-stage__word--bottom {
        top: 11.4rem !important;

        left: 1rem !important;
        right: auto !important;

        bottom: auto !important;

        font-size:
            clamp(
                4.8rem,
                20vw,
                6rem
            ) !important;
    }


    /*
    |--------------------------------------------------------------------------
    | LOOKING. / SURE.
    |--------------------------------------------------------------------------
    |
    | Pull it slightly inward so it stops hugging the edge.
    |
    */

    .hero-stage__statement {
        top: auto !important;

        right: 1.4rem !important;

        bottom: 4.8rem !important;

        max-width:
            calc(
                100vw - 3rem
            ) !important;

        text-align: right !important;
    }


    .hero-stage__statement h1 {
        margin: 0 !important;

        font-size:
            clamp(
                2.9rem,
                11vw,
                3.65rem
            ) !important;

        line-height: 0.88 !important;

        white-space: nowrap !important;
    }


    .hero-stage__statement > p {
        margin-top: 0.2rem !important;

        font-size: 0.95rem !important;

        line-height: 1 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | KEEP LOOKING
    |--------------------------------------------------------------------------
    */

    .hero-stage__scroll {
        left: 1rem !important;

        bottom: 1.1rem !important;

        gap: 0.7rem !important;

        font-size: 0.58rem !important;
    }


    .hero-stage__scroll::before {
        width: 2rem !important;
        height: 2rem !important;
    }

}


/* /BAD INFLUENCE MOBILE HERO POLISH V86 */

/* BAD INFLUENCE MOBILE MENU POLISH V88.1 */

@media (max-width: 700px) {

    /*
    |--------------------------------------------------------------------------
    | HEADER
    |--------------------------------------------------------------------------
    */

    .site-header {
        min-height: 4.25rem !important;

        padding:
            0.55rem
            0.65rem
            0.65rem !important;

        align-items: flex-start !important;
    }


    /*
    |--------------------------------------------------------------------------
    | BRAND
    |--------------------------------------------------------------------------
    */

    .site-header .brand {
        display: flex !important;

        flex-direction: column !important;
        align-items: flex-start !important;

        width: auto !important;

        line-height: 1 !important;
    }


    .site-header .brand__name {
        display: block !important;

        margin: 0 !important;

        font-size: 1.22rem !important;
        line-height: 0.88 !important;

        letter-spacing: -0.045em !important;
    }


    .site-header .brand__tagline {
        display: block !important;

        margin-top: 0.38rem !important;

        font-size: 0.66rem !important;
        line-height: 1 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | BURGER / X
    |--------------------------------------------------------------------------
    */

    .site-header .menu-control {
        width: 2.5rem !important;
        height: 2.5rem !important;

        margin-left: auto !important;
    }


    /*
    |--------------------------------------------------------------------------
    | MENU OVERLAY
    |--------------------------------------------------------------------------
    */

    .site-index {
        display: flex !important;

        flex-direction: column !important;

        justify-content: flex-start !important;
        align-items: stretch !important;

        width: 100% !important;
        height: 100dvh !important;

        padding:
            8.25rem
            0.75rem
            2rem !important;

        overflow-y: auto !important;

        overscroll-behavior: contain !important;
    }


    .site-index__meta {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | LINKS
    |--------------------------------------------------------------------------
    */

    .site-index__nav {
        display: flex !important;

        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;

        gap: 0.12rem !important;
    }


    .site-index__nav a {
        display: grid !important;

        grid-template-columns:
            1.75rem
            minmax(0, 1fr) !important;

        align-items: baseline !important;

        gap: 0.75rem !important;

        width: 100% !important;

        margin: 0 !important;

        padding:
            0.05rem
            0 !important;

        font-size:
            clamp(
                2.15rem,
                9.5vw,
                2.85rem
            ) !important;

        line-height: 0.91 !important;

        letter-spacing: -0.055em !important;
    }


    .site-index__nav a span {
        min-width: 0 !important;

        font-size: 0.58rem !important;

        line-height: 1 !important;

        letter-spacing: 0.05em !important;
    }


    .site-index__nav a:hover,
    .site-index__nav a:focus-visible {
        transform: none !important;
    }


    .site-index__aside {
        display: none !important;
    }

}

/* /BAD INFLUENCE MOBILE MENU POLISH V88.1 */

/* BAD INFLUENCE BURGER BREAKPOINT V89 */


/*
|--------------------------------------------------------------------------
| TABLET / DESKTOP
|--------------------------------------------------------------------------
|
| Normal navigation.
| No hamburger.
|
*/

@media (min-width: 701px) {

    .site-header .header-nav {
        display: flex !important;
    }

    .site-header .menu-control {
        display: none !important;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
|
| Hamburger replaces normal navigation.
|
*/

@media (max-width: 700px) {

    .site-header .header-nav {
        display: none !important;
    }

    .site-header .menu-control {
        display: grid !important;
    }

}


/* /BAD INFLUENCE BURGER BREAKPOINT V89 */

/* BAD INFLUENCE CATEGORY CLEAN RESET MOBILE V96 */

@media (max-width: 700px) {

    .category-index {
        background:
            var(--porcelain) !important;
    }


    .category-index::before {
        content:
            none !important;

        display:
            none !important;
    }

}

/* /BAD INFLUENCE CATEGORY CLEAN RESET MOBILE V96 */