@media (max-width: 767px) {
    .olj-home-hero {
        min-height: 0;
        height: clamp(240px, 72vw, 280px);
        max-height: none;
        margin-top: 64px;
        background: #050505;
    }

    .olj-home-hero .olj-hero__image {
        object-fit: cover;
        object-position: center;
    }

    .olj-home-hero .olj-hero__content {
        width: calc(100% - 36px);
    }

    .olj-home-hero .olj-hero__title {
        font-size: clamp(27px, 7.8vw, 32px);
        line-height: 1.18;
    }

    .olj-home-hero p {
        margin-top: 20px;
        padding-top: 14px;
        font-size: 11px;
        line-height: 1.55;
    }

    .olj-solutions-intro {
        width: calc(100% - 36px);
        padding: 48px 0 44px;
    }

    .olj-solutions-intro.is-ready p,
    .olj-solutions-intro.is-ready h2,
    .olj-solutions-intro.is-ready div {
        animation: none;
        opacity: 1;
        transform: none;
        clip-path: none;
    }

    .olj-solutions-intro h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .olj-solutions-intro div {
        margin-top: 22px;
        font-size: 13px;
        line-height: 1.65;
    }

    .olj-home-scenes,
    .olj-home-scenes.is-reveal-ready {
        --olj-scene-reveal: 1;
        --olj-scene-content: 1;
        --olj-scene-radius: 100vmax;
        --olj-scene-scale: 1;
        --olj-scene-content-y: 0px;
        --olj-scene-item-y: 0px;
        --olj-scene-button-y: 0px;
        height: calc(49.74vw + 64px);
        min-height: 0;
        overflow: hidden;
    }

    .olj-home-scenes__sticky {
        position: relative;
        top: auto;
        height: calc(49.74vw + 64px);
        min-height: 0;
    }

    .olj-home-scenes.is-reveal-ready .olj-scenes__media {
        clip-path: none;
        transform: none;
    }

    .olj-home-scenes .olj-scenes__image {
        object-fit: contain;
        object-position: center top;
    }

    .olj-home-scenes.is-reveal-ready .olj-scenes__copies {
        top: 26px;
        right: 16px;
        left: auto;
        width: 48%;
        opacity: 1;
        transform: none;
    }

    .olj-home-scenes .olj-scenes__copy {
        top: 0;
        right: 0;
        left: 0;
        width: auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .olj-home-scenes.is-reveal-ready .olj-scenes__copy.is-active,
    .olj-home-scenes.is-reveal-ready .olj-scenes__copy.is-active h2,
    .olj-home-scenes.is-reveal-ready .olj-scenes__copy.is-active .olj-scenes__eyebrow,
    .olj-home-scenes.is-reveal-ready .olj-scenes__copy.is-active h3,
    .olj-home-scenes.is-reveal-ready .olj-scenes__copy.is-active h3 + p {
        opacity: 1;
        transform: none;
    }

    .olj-scenes__copy h2 {
        margin-bottom: 8px;
        font-size: 23px;
        line-height: 1.08;
        text-shadow: 0 1px 10px rgba(255, 255, 255, 0.95);
    }

    .olj-scenes__eyebrow {
        margin-bottom: 0;
        color: #222222;
        font-size: 10px;
        line-height: 1.45;
        text-shadow: 0 1px 8px rgba(255, 255, 255, 0.95);
    }

    .olj-scenes__copy h3,
    .olj-scenes__copy h3 + p {
        display: none;
    }

    .olj-home-scenes.is-reveal-ready .olj-scenes__learn {
        left: 18px;
        top: clamp(96px, calc(49.7vw - 48px), 150px);
        bottom: auto;
        min-width: 120px;
        min-height: 38px;
        padding: 8px 14px;
        font-size: 12px;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .olj-home-scenes .olj-scenes__tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        height: 64px;
        min-height: 64px;
        background: rgba(255, 255, 255, 0.94);
        backdrop-filter: blur(10px);
    }

    .olj-home-scenes .olj-scenes__tabs button {
        min-height: 64px;
        padding: 9px 2px 7px;
        font-size: 10px;
        line-height: 1.2;
    }

    .olj-home-scenes .olj-scenes__tabs button.is-active {
        background: var(--olj-yellow);
    }

    .olj-home-scenes .olj-scenes__tabs button.is-active span::before,
    .olj-home-scenes .olj-scenes__tabs::before {
        display: none;
    }

    .olj-home-rack {
        height: 190vh;
        min-height: 1500px;
        max-height: 1800px;
    }

    .olj-home-rack .olj-rack-showcase__sticky {
        height: calc(100svh - 64px);
        min-height: 650px;
        max-height: 780px;
    }

    .olj-home-rack .olj-rack-showcase__brand {
        display: none;
    }

    .olj-home-rack .olj-rack-showcase__model {
        left: -12vw;
        top: 3%;
        width: 124vw;
        height: 48%;
        min-height: 310px;
    }

    .olj-home-rack .olj-rack-showcase__content {
        left: 14px;
        right: 14px;
        bottom: 14px;
        padding: 16px 18px;
        border-radius: 12px;
        background: rgba(5, 16, 24, 0.82);
    }

    .olj-home-rack .olj-rack-showcase__copy {
        min-height: 185px;
        margin-bottom: 12px;
    }

    .olj-home-rack .olj-rack-showcase__title {
        font-size: 27px;
    }

    .olj-home-rack .olj-rack-showcase__intro {
        font-size: 12px;
        line-height: 1.5;
    }

    .olj-home-rack .olj-rack-showcase__content .olj-button {
        min-width: 138px;
        min-height: 40px;
        font-size: 13px;
    }

    .olj-home-about {
        min-height: 0;
        padding: 30px 16px 12px;
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .olj-home-about::after {
        height: 12px;
        background: var(--olj-yellow);
    }

    .olj-home-about__image {
        order: 2;
        min-height: 0;
        height: clamp(150px, 42vw, 180px);
        margin: 0 -16px;
        overflow: hidden;
    }

    .olj-home-about__copy {
        order: 1;
    }

    .olj-home-about__copy p {
        max-width: none;
        min-height: 0;
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 1.65;
    }

    .olj-home-about__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 20px;
    }

    .olj-home-about__facts span,
    html[lang^="zh"] .olj-home-about__facts span {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        width: 100%;
        max-width: none;
        min-height: 104px;
        padding: 13px 6px 10px;
        border: 1px solid #e8e8e8;
        border-radius: 8px;
        background: #fafafa;
        font-size: 9px;
        line-height: 1.3;
        text-align: center;
        white-space: normal;
    }

    .olj-home-about__facts span img {
        width: 24px;
        height: 24px;
        margin-bottom: 3px;
    }

    .olj-home-about__facts span strong {
        font-size: clamp(12px, 3.8vw, 16px);
        line-height: 1.1;
    }

    .olj-home-about__facts span i {
        display: none;
    }

    .olj-home-about__image h2 {
        animation: none;
        top: 8px;
        left: 18px;
        opacity: 1;
        font-size: clamp(42px, 13vw, 56px);
        line-height: 0.88;
        transform: none;
    }

    .olj-home-about.is-about-visible .olj-home-about__image h2 {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .olj-home-about__image img {
        animation: none;
        /*top: 0;*/
        right: -8%;
        bottom: -147px;
        width: 112%;
        height: auto;
        opacity: 1;
        transform: none;
    }

    .olj-home-about.is-about-visible .olj-home-about__image img {
        animation: none;
        opacity: 1;
        transform: none;
        bottom: -47%;
    }

    .olj-global-network {
        min-height: 0;
        padding: 42px 18px 46px;
    }

    .olj-global-network__head {
        gap: 18px;
    }

    .olj-global-network h2,
    html[lang^="zh"] .olj-global-network h2 {
        animation: none;
        opacity: 1;
        font-size: 38px;
        line-height: 1.05;
        white-space: normal;
        transform: none;
    }

    .olj-global-network p {
        animation: none;
        opacity: 1;
        font-size: 12px;
        line-height: 1.55;
        transform: none;
    }

    .olj-global-network.is-network-head-visible h2,
    .olj-global-network.is-network-head-visible p {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .olj-global-network__map {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        animation: none;
        width: 100%;
        margin-top: 28px;
        margin-left: auto;
        opacity: 1;
        transform: none;
    }

    .olj-global-network.is-network-visible .olj-global-network__map {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .olj-global-network__map > img {
        opacity: 1;
        filter: contrast(1.2) brightness(0.96);
    }

    .olj-global-network .olj-map-pin,
    .olj-global-network.is-network-pins-visible .olj-map-pin {
        animation: none;
        opacity: 1;
        transform: none;
        transition: none;
    }

    .olj-global-network .olj-map-pin > span,
    .olj-global-network .olj-map-pin::before {
        transition: none;
    }

    .olj-global-network .olj-map-pin:hover,
    .olj-global-network .olj-map-pin:focus-visible {
        font-size: 10px;
        transform: none;
    }

    .olj-home-partners {
        padding: 48px 0 42px;
    }

    .olj-home-partners h2 {
        margin-bottom: 34px;
        font-size: 38px;
        line-height: 1.08;
    }

    .olj-home .olj-inquiry__inner {
        width: calc(100% - 28px);
        min-height: 104px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 18px 0;
    }

    .olj-home .olj-inquiry--home h2 {
        flex: 1 1 auto;
        font-size: 20px;
        white-space: nowrap;
    }

    .olj-home .olj-inquiry__email {
        flex: 0 0 145px;
        width: 145px;
        min-width: 145px;
        height: 44px;
        min-height: 44px;
        padding: 0 12px;
        font-size: 12px;
        white-space: nowrap;
    }

    .olj-home-scenes,
    .olj-home-scenes.is-reveal-ready {
        --olj-scene-media-height: min(64.75vw, 230px);
        --olj-scene-tabs-height: clamp(48px, 13vw, 75px);
        height: calc(var(--olj-scene-media-height) + 330px);
        min-height: calc(var(--olj-scene-media-height) + 330px);
        background: #ffffff;
    }

    .olj-home-scenes__sticky {
        height: calc(var(--olj-scene-media-height) + 330px);
    }

    .olj-home-scenes .olj-scenes__media {
        inset: 0 0 auto;
        height: var(--olj-scene-media-height);
        background: #f4f4f4;
    }

    .olj-home-scenes .olj-scenes__image {
        object-fit: cover;
        object-position: center;
    }

    .olj-home-scenes .olj-scenes__inner {
        position: absolute;
        inset: 0;
        display: block;
    }

    .olj-home-scenes .olj-scenes__tabs {
        --olj-active-scene-tab: 0;
        position: absolute;
        top: var(--olj-scene-media-height);
        right: 0;
        left: 0;
        box-sizing: border-box;
        height: var(--olj-scene-tabs-height);
        min-height: var(--olj-scene-tabs-height);
        border-top: 1px solid #0a0a0a;
        border-right: 0;
        border-left: 0;
        border-bottom: 0;
        background: #ffffff;
        backdrop-filter: none;
    }

    .olj-home-scenes .olj-scenes__tabs:has(button:nth-child(2).is-active) {
        --olj-active-scene-tab: 1;
    }

    .olj-home-scenes .olj-scenes__tabs:has(button:nth-child(3).is-active) {
        --olj-active-scene-tab: 2;
    }

    .olj-home-scenes .olj-scenes__tabs:has(button:nth-child(4).is-active) {
        --olj-active-scene-tab: 3;
    }

    .olj-home-scenes .olj-scenes__tabs::after {
        content: "";
        position: absolute;
        top: -4px;
        left: calc((var(--olj-active-scene-tab) * 25%) + 5.56vw);
        width: min(11vw, 63px);
        height: 5px;
        background: #0a0a0a;
        transition: left 360ms cubic-bezier(0.22, 1, 0.36, 1);
        pointer-events: none;
    }

    .olj-home-scenes .olj-scenes__tabs button {
        min-height: var(--olj-scene-tabs-height);
        padding: 5px 2px 0;
        color: #0a0a0a;
        font-size: 11px;
        background: transparent;
        transform: none;
    }

    .olj-home-scenes .olj-scenes__tabs button:hover,
    .olj-home-scenes .olj-scenes__tabs button:focus-visible,
    .olj-home-scenes .olj-scenes__tabs button.is-active {
        background: transparent;
    }

    .olj-home-scenes .olj-scenes__tabs button img {
        display: none;
    }

    .olj-home-scenes .olj-scenes__tabs button::after {
        display: none;
    }

    .olj-home-scenes.is-reveal-ready .olj-scenes__copies,
    .olj-home-scenes .olj-scenes__copies {
        top: calc(var(--olj-scene-media-height) + var(--olj-scene-tabs-height) + 15px);
        right: 16px;
        left: 16px;
        width: auto;
        min-height: 165px;
    }

    .olj-home-scenes .olj-scenes__copy {
        padding: 0;
        background: transparent;
        backdrop-filter: none;
    }

    .olj-home-scenes .olj-scenes__copy h2 {
        margin-bottom: 7px;
        font-size: 20px;
        line-height: 1.1;
        text-shadow: none;
    }

    .olj-home-scenes .olj-scenes__eyebrow {
        margin-bottom: 15px;
        font-size: 10px;
        line-height: 1.45;
        text-shadow: none;
    }

    .olj-home-scenes .olj-scenes__copy h3,
    .olj-home-scenes .olj-scenes__copy h3 + p {
        display: block;
    }

    .olj-home-scenes .olj-scenes__copy h3 {
        margin: 0 0 6px;
        font-size: 11px;
        line-height: 1.3;
    }

    .olj-home-scenes .olj-scenes__copy h3 + p {
        margin: 0;
        color: #333333;
        font-size: 9px;
        line-height: 1.55;
    }

    .olj-home-scenes.is-reveal-ready .olj-scenes__learn {
        top: auto;
        bottom: 14px;
        left: 16px;
        min-width: 104px;
        min-height: 32px;
        padding: 7px 11px;
        font-size: 10px;
    }

    .olj-home-rack {
        --olj-rack-model-x: 0px;
        --olj-rack-model-y: 0px;
        --olj-rack-model-scale: 1;
        --olj-rack-model-opacity: 1;
        --olj-rack-content-opacity: 1;
        --olj-rack-intro: 1;
        --olj-rack-rail-y: 0px;
        height: 500vh;
        min-height: 2800px;
        max-height: none;
    }

    .olj-home-rack .olj-rack-showcase__sticky {
        position: sticky;
        top: 0;
        height: 100svh;
        min-height: 560px;
        max-height: 860px;
    }

    .olj-home-rack .olj-rack-showcase__model {
        top: 0;
        left: -8%;
        width: 116%;
        height: 56%;
        min-height: 0;
        opacity: 1;
        transform: none;
    }

    .olj-home-rack .olj-rack-showcase__content {
        top: 60.5%;
        right: clamp(18px, 8.5vw, 32px);
        bottom: auto;
        left: clamp(18px, 8.5vw, 32px);
        width: auto;
        padding: 18px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        transform: none;
    }

    .olj-home-rack .olj-rack-showcase__copy {
        min-height: 157px;
        margin-bottom: 12px;
    }

    .olj-home-rack .olj-rack-showcase__content .olj-button {
        min-width: 104px;
        min-height: 28px;
        padding: 6px 10px;
        font-size: 9px;
    }

    .olj-home-rack .olj-rack-showcase__panel.is-active {
        opacity: 1;
        clip-path: none;
        transform: none;
    }

    .olj-home-rack .olj-rack-showcase__title {
        font-size: 25px;
        line-height: 1.1;
    }

    .olj-home-rack .olj-rack-showcase__intro {
        font-size: 11px;
        line-height: 1.55;
    }

    .olj-home-rack .olj-rack-showcase__rail,
    .olj-home-rack .olj-rack-showcase__drag-cue {
        opacity: 1;
        transform: none;
    }

    .olj-home-rack .olj-rack-showcase__rail {
        top: 24%;
        right: 5.6%;
        display: flex;
        gap: clamp(18px, 5vw, 34px);
    }

    .olj-home-rack .olj-rack-showcase__drag-cue {
        left: 50%;
        bottom: 4%;
        display: none;
        transform: translateX(-50%);
        animation: none;
    }

    .olj-home-about {
        min-height: 0;
        padding: 28px 16px 10px;
        gap: 14px;
    }

    .olj-home-about__text {
        min-height: 0;
    }

    .olj-home-about__copy p {
        max-width: none;
        margin-bottom: 9px;
        font-size: 10px;
        line-height: 1.55;
    }

    .olj-home-about__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        margin-top: 18px;
    }

    .olj-home-about__facts span,
    html[lang^="zh"] .olj-home-about__facts span {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-height: 0;
        padding: 0 5px;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 9px;
        line-height: 1.25;
        text-align: center;
    }

    .olj-home-about__facts span img {
        width: 22px;
        height: 22px;
        margin: 0 0 6px;
    }

    .olj-home-about__facts span strong {
        font-size: 12px;
    }

    .olj-home-about__facts span i {
        position: absolute;
        top: 2px;
        right: 0;
        display: block;
        width: 1px;
        height: 38px;
        margin: 0;
        background: var(--olj-yellow);
    }

    .olj-home-about.is-about-facts-visible .olj-home-about__facts span i {
        width: 1px;
        animation: none;
    }

    .olj-home-about__image {
        height: 300px;
        margin: 0 -16px;
    }

    .olj-home-about__image h2 {
        top: 12px;
        left: 16px;
        font-size: 72px;
        line-height: 0.86;
    }

    .olj-home-about__image img {
        right: -10%;
        bottom: -12px;
        width: 118%;
    }

    .olj-global-network {
        padding: 40px 16px 34px;
    }

    .olj-global-network__head {
        gap: 16px;
    }

    .olj-global-network h2,
    html[lang^="zh"] .olj-global-network h2 {
        font-size: 42px;
        line-height: 0.98;
    }

    .olj-global-network p {
        margin-bottom: 12px;
        font-size: 10px;
        line-height: 1.55;
    }

    .olj-global-network__map {
        width: 100%;
        margin-top: 24px;
        margin-left: 0;
    }

    .olj-global-network .olj-map-pin {
        min-height: 0;
        padding: 0;
        gap: 0;
        font-size: 8px;
    }

    .olj-global-network .olj-map-pin::before {
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        box-shadow: 0 0 0 2px rgba(119, 119, 119, 0.14);
    }

    .olj-global-network .olj-map-pin > span {
        position: absolute;
        min-height: 17px;
        padding: 0 6px;
        background: rgba(247, 247, 247, 0.92);
        font-size: 8px;
    }

    .olj-global-network .olj-map-pin--mexico > span,
    .olj-global-network .olj-map-pin--dubai > span {
        top: -5px;
        left: 11px;
    }

    .olj-global-network .olj-map-pin--oulangjie > span {
        top: -6px;
        right: 11px;
    }

    .olj-global-network .olj-map-pin--japan > span {
        top: -18px;
        left: 11px;
    }

    .olj-global-network .olj-map-pin--malaysia > span {
        top: 8px;
        right: 10px;
    }

    .olj-global-network .olj-map-pin--indonesia > span {
        top: 10px;
        left: 6px;
    }

    .olj-global-network .olj-map-pin--vietnam {
        display: none;
    }

    .olj-home-partners {
        padding: 42px 0 38px;
    }

    .olj-home-partners h2 {
        margin-bottom: 30px;
        font-size: 38px;
        line-height: 1.05;
    }

    .olj-home-partners .olj-partners__logos {
        width: max-content;
        animation: olj-partner-marquee 18s linear infinite;
    }

    .olj-home-partners .olj-partners__group {
        width: auto;
        justify-content: flex-start;
        gap: 34px;
        padding: 0 17px;
    }

    .olj-home-partners .olj-partners__logos img {
        width: auto;
        max-width: 132px;
        height: 34px;
        object-fit: contain;
    }

    .olj-home .olj-inquiry__inner {
        min-height: 48px;
        width: calc(100% - 28px);
        gap: 8px;
        padding: 7px 0;
    }

    .olj-home .olj-inquiry--home h2 {
        font-size: 11px;
    }

    .olj-home .olj-inquiry__email {
        flex-basis: 82px;
        width: 82px;
        min-width: 82px;
        min-height: 28px;
        height: 28px;
        padding: 0 8px;
        font-size: 8px;
    }

    .olj-home .olj-inquiry__email::after {
        width: 14px;
        height: 14px;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    .olj-home-scenes .olj-scenes__tabs button {
        font-size: 16px;
    }
}

@media (max-width: 359px) {
    .olj-global-network .olj-map-pin--malaysia {
        display: none;
    }
}