@media (min-width: 1024px) {

    /* MARK: Lenis */

    html.lenis {
        height: auto;
    }

    .lenis.lenis-smooth {
        scroll-behavior: auto;
    }

    .lenis.lenis-smooth body {
        overflow: hidden;
    }

    /* MARK: Menu */

    .meat-left,
    .meat-right {
        opacity: 0;
        transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform, opacity;
    }

    .meat-left {
        transform: translateX(-120px);
    }

    .meat-right {
        transform: translateX(120px);
    }

    .menu-section.active .meat-left,
    .menu-section.active .meat-right {
        opacity: 1;
        transform: translateX(0);
    }

    .menu-section.active .meat-left {
        transition-delay: 0.1s;
    }

    .menu-section.active .meat-right {
        transition-delay: 0.25s;
    }

    .menu-section .product {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease;
    }

    .menu-section.active .product {
        opacity: 1;
        transform: translateY(0);
    }

    .menu-card {
        opacity: 0;
        transform: translateY(40px) scale(0.98);
        transition: all 0.6s ease;
    }

    .menu-section.active .menu-card {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    .menu-section.active .menu-card:nth-child(1) { transition-delay: 0.1s; }
    .menu-section.active .menu-card:nth-child(2) { transition-delay: 0.2s; }
    .menu-section.active .menu-card:nth-child(3) { transition-delay: 0.3s; }
    .menu-section.active .menu-card:nth-child(4) { transition-delay: 0.4s; }
    .menu-section.active .menu-card:nth-child(5) { transition-delay: 0.5s; }

    /* MARK: Contact Info */

    .contact .contact-left,
    .contact .contact-form {
        opacity: 0;
        transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .contact .contact-left {
        transform: translateX(-80px);
    }

    .contact .contact-form {
        transform: translateX(80px);
    }

    .contact.active .contact-left,
    .contact.active .contact-form {
        opacity: 1;
        transform: translateX(0);
    }

    .contact.active .contact-left {
        transition-delay: 0.1s;
    }

    .contact.active .contact-form {
        transition-delay: 0.25s;
    }

    .contact-bottom {
        opacity: 0;
        transform: translateY(60px) scale(0.98);
        transition: all 0.8s ease;
    }

    .contact.active .contact-bottom {
        opacity: 1;
        transform: translateY(0) scale(1);
        transition-delay: 0.4s;
    }

    .plate-image-container {
        opacity: 0;
        transform: translate(-50%, -10%) scale(0.9);
        transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .contact.active .plate-image-container {
        opacity: 1;
        transform: translate(-50%, -25%) scale(1);
        transition-delay: 0.6s;
    }

    .horizontal-line::before,
    .horizontal-line::after {
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.8s ease;
    }

    .contact.active .horizontal-line::before,
    .contact.active .horizontal-line::after {
        transform: scaleX(1);
        transition-delay: 0.3s;
    }

    .contact-information > * {
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.5s ease;
    }

    .contact.active .contact-information > * {
        opacity: 1;
        transform: translateY(0);
    }

    .contact.active .contact-information > *:nth-child(1) { transition-delay: 0.15s; }
    .contact.active .contact-information > *:nth-child(2) { transition-delay: 0.25s; }
    .contact.active .contact-information > *:nth-child(3) { transition-delay: 0.35s; }
    .contact.active .contact-information > *:nth-child(4) { transition-delay: 0.45s; }

    /* MARK: Earth */

    .earth > div {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease;
    }

    .earth .align-center-img {
        opacity: 0;
        transform: translateY(120px) scale(0.95);
        transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform, opacity;
    }

    .earth.active > div {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.1s;
    }

    .earth.active .align-center-img {
        opacity: 1;
        transform: translateY(0) scale(1);
        transition-delay: 0.3s;
    }

    /* MARK: Japan Exclusive */

    .jp-top > * {
        opacity: 0;
        transform: translateY(40px);
        transition: all 0.8s ease;
    }

    .jp-exclusive.active .jp-top > * {
        opacity: 1;
        transform: translateY(0);
    }

    .jp-exclusive.active .jp-left {
        transition-delay: 0.1s;
    }

    .jp-exclusive.active .jp-right {
        transition-delay: 0.25s;
    }

    .jp-ex-image-bx:first-child {
        opacity: 0;
        transform: translateX(-100px) scale(0.95);
        transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .jp-exclusive.active .jp-ex-image-bx:first-child {
        opacity: 1;
        transform: translateX(0) scale(1);
        transition-delay: 0.3s;
    }

    .jp-bottom svg {
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left;
        transition: all 0.6s ease;
    }

    .jp-exclusive.active .jp-bottom svg {
        opacity: 1;
        transform: scaleX(1);
        transition-delay: 0.5s;
    }

    .jp-ex-image-bx:last-child {
        opacity: 0;
        transform: translateX(100px) scale(0.95);
        transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .jp-exclusive.active .jp-ex-image-bx:last-child {
        opacity: 1;
        transform: translateX(0) scale(1);
        transition-delay: 0.7s;
    }

    .jp-ex-image-bx img {
        transition: transform 0.4s ease;
    }

    .jp-ex-image-bx:hover img {
        transform: scale(1.05);
    }

    /* MARK: Our Product */

    .our-product-home {
        position: relative;
        overflow: hidden;

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

        min-height: 511px;
        line-height: 100%;
        letter-spacing: 8px;
        text-align: center;
        padding: 0 20px;

        background-image: url("../assets/images/wallpapers/wallpaper-our-product.webp");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;

        transform: translateZ(0);
        will-change: background-position;
    }

    .our-product-home::before {
        content: "";
        position: absolute;
        inset: 0;

        background: linear-gradient(
            rgba(0, 0, 0, 0.45),
            rgba(0, 0, 0, 0.65)
        );

        z-index: 1;
        pointer-events: none;
    }

    .our-product-home::after {
        content: "";
        position: absolute;
        inset: 0;

        background: radial-gradient(
            circle at center,
            rgba(255,255,255,0.03) 0%,
            rgba(0,0,0,0.4) 70%
        );

        z-index: 1;
        pointer-events: none;
    }

    .our-product-home > * {
        position: relative;
        z-index: 2;

        transform: translateY(0);
        transition: transform 0.4s ease;
    }

    /* MARK: Our Structure */

    .our-bx-children h3,
    .our-bx-children p {
        opacity: 0;
        transform: translateY(40px);
        transition: 
            opacity 0.6s ease,
            transform 0.6s ease;
        will-change: transform, opacity;
    }

    .our-bx-children.active h3,
    .our-bx-children.active p {
        opacity: 1;
        transform: translateY(0);
    }

    /* MARK: Our Interview */

    .our-interview-children {
        opacity: 0;
        transform: translateY(60px);
        transition:
            opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform, opacity;
    }

    .our-interview-children.active {
        opacity: 1;
        transform: translateY(0);
    }

    .our-interview-child:nth-child(1) .our-interview-children { transition-delay: 0.1s; }
    .our-interview-child:nth-child(2) .our-interview-children { transition-delay: 0.15s; }
}

/* MARK: Glass Button */

.glass-container {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;

    transition: transform 0.4s ease, opacity 0.3s ease;
}

.glass-container.hide {
    transform: translateX(120%);
    opacity: 0;
}