:root {
            /* token: paint_0:3 */
            --color-white: #ffffff;
            /* token: paint_0:37 */
            --color-primary: #00538e;
            /* token: paint_14:1463 */
            --color-footer: #003472;
            /* token: paint_10:4167 */
            --color-coop-bg: #ebf6f7;
            /* token: paint_10:3432 */
            --color-news-card: #fffbf0;
            /* token: paint_0:9 */
            --color-events-bg: rgba(196, 196, 196, 0.25);
            /* token: paint_0:44 */
            --color-header-mask: rgba(0, 0, 0, 0.29);
            /* token: paint_14:0312 */
            --color-accent: #d3b17d;
            /* token: paint_14:885 */
            --color-body: #3d3d3d;
            /* token: paint_14:995 */
            --color-highlight: #f2be45;
            /* token: paint_0:76 */
            --color-border: #e5e5e5;
            /* token: paint_10:1867 */
            --color-dot-muted: #d8d8d8;
            /* token: effect_0:57 */
            --shadow-card: 0 4px 10px rgba(0, 0, 0, 0.08);
            /* token: font_3:226 */
            --font-section-title: 700 48px/67px "Source Sans Pro", "SourceSansPro-Bold", sans-serif;
            /* token: font_3:526 */
            --font-project-title: 900 64px/90px "Source Sans Pro", "SourceSansPro-Black", sans-serif;
            /* token: font_3:480 */
            --font-footer-title: 700 30px/42px "Source Sans Pro", "SourceSansPro-Bold", sans-serif;
            /* token: font_3:392 */
            --font-button: 700 24px/34px "Source Sans Pro", "SourceSansPro-Bold", sans-serif;
            /* token: font_3:234 */
            --font-card-title: 700 24px/34px "Source Sans Pro", "SourceSansPro-Bold", sans-serif;
            /* token: font_3:840 */
            --font-body: 400 16px/32px "Source Sans Pro", "SourceSansPro-Regular", sans-serif;
            /* token: font_14:0304 */
            --font-news-title: 700 20px/25px "Archivo Black", sans-serif;
            /* token: font_14:0317 */
            --font-news-day: 700 36px/25px "Archivo Black", sans-serif;
            /* token: font_14:0016 */
            --font-news-year: 400 20px/25px "Pontano Sans", sans-serif;
            /* token: font_14:0432 */
            --font-news-copy: 400 16px/25px "Source Han Serif CN", "Songti SC", serif;
            /* token: font_14:0684 */
            --font-news-link: 700 14px/25px "Source Han Serif CN", "Songti SC", serif;
            /* token: font_3:112 */
            --font-nav: 700 18px/25px Poppins, sans-serif;
            /* token: font_3:096 */
            --font-small: 400 14px/20px Poppins, sans-serif;
            /* token: font_14:742 */
            --font-brand: 400 18px/20px "Archivo Black", sans-serif;
            /* token: font_10:5218 */
            --font-footer-kicker: 900 24px/32px "Source Sans Pro", sans-serif;
            /* token: font_10:5151 */
            --font-footer-brand: 900 16px/32px "Source Sans Pro", sans-serif;
            --page-width: 1920px;
            --content-width: 1440px;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            min-width: 320px;
            font: var(--font-body);
            color: var(--color-body);
            background: var(--color-white);
        }

        img {
            display: block;
            max-width: 100%;
        }

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

        .page {
            width: 100%;
            overflow-x: hidden;
        }

        .shell {
            width: min(100%, var(--page-width));
            margin: 0 auto;
            background: var(--color-white);
        }

        .wrap {
            width: min(calc(100% - 48px), var(--content-width));
            margin: 0 auto;
        }

        .header {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 20;
            width: 100%;
        }

        .header::before {
            content: "";
            position: absolute;
            inset: 0;
            background: var(--color-header-mask);
            backdrop-filter: blur(4px);
        }

        .header-inner {
            position: relative;
            width: min(calc(100% - 48px), 1786px);
            height: 97px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 16px;
            min-width: 0;
        }

        .brand-mark {
            width: 95px;
            height: 55px;
            object-fit: contain;
            flex: none;
        }

        .brand-text {
            color: var(--color-white);
            font: var(--font-brand);
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .nav {
            display: flex;
            align-items: center;
            gap: 32px;
            color: var(--color-white);
            font: var(--font-nav);
        }

        .nav a {
            white-space: nowrap;
        }

        .nav a:hover,.nav a.active {
            color: var(--color-highlight);
        }

        .nav-toggle {
            display: none;
            align-items: center;
            justify-content: center;
            padding: 8px 12px;
            border: 1px solid rgba(255, 255, 255, 0.7);
            border-radius: 4px;
            background: transparent;
            color: var(--color-white);
            font: 600 14px/1 "Source Sans Pro", sans-serif;
            cursor: pointer;
            white-space: nowrap;
        }
        .nav-tools {
            display: flex;
            align-items: center;
            gap: 34px;
            color: var(--color-white);
        }

        .nav-tools a:hover {
            color: var(--color-highlight);
        }

        .search-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .account-links {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 150px;
            text-align: center;
        }

        .login,
        .join {
            font: 400 18px/1.15 Poppins, sans-serif;
            letter-spacing: 0.02em;
            white-space: nowrap;
        }

        .login {
            padding-bottom: 12px;
            margin-bottom: 12px;
            width: 100%;
            border-bottom: 2px solid var(--color-highlight);
        }

        .lang {
            font: 400 18px/1.2 "Pontano Sans", sans-serif;
            white-space: nowrap;
        }

        .search {
            width: 22px;
            height: 22px;
            flex: none;
        }

        .hero {
            position: relative;
            height: 954px;
            overflow: hidden;
        }

        /* .hero::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.1) 100%);
        } */

        .hero-swiper,
        .hero-swiper .swiper-wrapper,
        .hero-swiper .swiper-slide {
            width: 100%;
            height: 100%;
        }

        .hero-slide {
            position: relative;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* .hero-slide::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(0, 22, 43, 0.18) 0%, rgba(0, 22, 43, 0.04) 48%, rgba(0, 22, 43, 0.14) 100%);
        } */

        .hero-dots {
            position: absolute;
            left: 50%;
            bottom: 80px;
            z-index: 2;
            text-align: center;
            /* transform: translateX(-50%); */
        }

        .hero-dots .swiper-pagination-bullet {
            width: 17px;
            height: 17px;
            background: var(--color-dot-muted);
            opacity: 1;
        }

        .hero-dots .swiper-pagination-bullet-active {
            background: var(--color-white);
        }

        .section-title {
            text-align: center;
            color: var(--color-primary);
            font: var(--font-section-title);
        }

        .news-section {
            padding: 100px 0 117px;
        }

        .news-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 845px));
            gap: 42px 24px;
            margin-top: 54px;
        }

        .news-card {
            display: grid;
            grid-template-columns: 67px 1fr;
            gap: 26px;
            min-height: 194px;
            padding: 42px 26px 16px;
            background: var(--color-news-card);
            border-radius: 10px;
        }

        .news-date {
            text-align: center;
        }

        .news-date strong {
            display: block;
            color: var(--color-accent);
            font: var(--font-news-day);
        }

        .news-date span {
            display: block;
            font-weight: bold;
        }

        .news-date .month {
            margin-top: 18px;
            color: var(--color-accent);
            font: var(--font-news-title);
        }

        .news-date .year {
            margin-top: 14px;
            color: var(--color-body);
            font: var(--font-news-year);
        }

        .news-body h3 {
            color: var(--color-body);
            font: var(--font-news-title);
        }

        .news-body p {
            margin-top: 13px;
            color: var(--color-body);
            font: var(--font-news-copy);
        }

        .news-body a {
            display: inline-block;
            margin-top: 20px;
            color: var(--color-primary);
            font: var(--font-news-link);
        }

        .cta-wrap {
            display: flex;
            justify-content: center;
            margin-top: 61px;
        }

        .outline-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 300px;
            min-height: 60px;
            padding: 10px 32px;
            border: 4px solid var(--color-primary);
            background: var(--color-white);
            color: var(--color-primary);
            font: var(--font-button);
        }

        .events-section {
            padding: 91px 0 92px;
            background: var(--color-events-bg);
        }

        .events-grid {
            display: grid;
            grid-template-columns: 832px 396px 396px;
            gap: 48px;
            margin-top: 129px;
        }

        .event-card {
            background: var(--color-white);
            box-shadow: var(--shadow-card);
        }

        /* .event-card.is-featured img {
            height: 315px;
        } */

        .event-card img {
            width: 100%;
            height: 295px;
            object-fit: cover;
        }

        .event-content {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 90px;
            min-height: 115px;
            background: var(--color-white);
        }

        .event-copy {
            display: flex;
            align-items: center;
            padding: 16px 16px 14px 16px;
        }

        .event-date {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: #000;
            color: var(--color-white);
            text-transform: uppercase;
        }

        .event-card h3 {
            color: #000;
            font: var(--font-card-title);
            font-size: 20px;
        }

        .event-date .day {
            font: 700 18px/1 "Source Sans Pro", sans-serif;
            letter-spacing: 0.02em;
        }

        .event-date .month {
            margin-top: 8px;
            font: 900 30px/1 "Source Sans Pro", sans-serif;
            letter-spacing: 0.06em;
        }

        .event-date .weekday {
            margin-top: 8px;
            font: 700 18px/1 "Source Sans Pro", sans-serif;
            letter-spacing: 0.04em;
        }

        .projects-section {
            padding: 0 0 86px;
            background: var(--color-white);
        }

        .projects-hero {
            position: relative;
            height: 350px;
            /* background:
                linear-gradient(180deg, rgba(18, 51, 95, 0.12) 0%, rgba(8, 24, 49, 0.08) 100%),
                url("/assets/images/project_bg.png") center/cover no-repeat; */
            background: url("/assets/images/project_bg.png") center/cover no-repeat;
        }

        .projects-hero .wrap {
            height: 100%;
            display: flex;
            align-items: center;
            padding-top: 50px;
        }

        .projects-hero h2 {
            max-width: 820px;
            color: var(--color-white);
            font: var(--font-project-title);
            font-size: 66px;
            line-height: 1.08;
            letter-spacing: -0.02em;
        }

        .news-list-hero-inner {
            justify-content: center;
            padding-top: 0 !important;
        }

        .news-list-search {
            width: min(1120px, 100%);
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .news-list-search input[type="text"] {
            flex: 1;
            height: 46px;
            border: 1px solid #d8dee8;
            border-radius: 24px;
            padding: 0 20px;
            font: 400 14px/1 "Source Sans Pro", sans-serif;
            color: #334155;
            background: #fff;
        }

        .news-list-search button {
            height: 40px;
            min-width: 90px;
            border: none;
            border-radius: 20px;
            background: #00538e;
            color: #fff;
            font: 700 13px/1 "Source Sans Pro", sans-serif;
            cursor: pointer;
        }

        .news-list-page {
            padding: 42px 0 96px;
            background: #fafafa;
        }

        .news-list-page .wrap {
            width: min(calc(100% - 120px), 1712px);
        }

        .news-list-breadcrumb {
            color: #999;
            font: 400 13px/1.8 "Source Sans Pro", sans-serif;
            margin-bottom: 20px;
        }

        .news-list-breadcrumb a {
            color: #999;
            text-decoration: none;
        }

        .news-list-breadcrumb span {
            margin: 0 6px;
        }

        .news-list-items {
            border-top: 1px solid #e4e4e4;
            background: #fff;
        }

        .news-list-item {
            display: grid;
            grid-template-columns: 160px 1fr 88px;
            column-gap: 18px;
            padding: 16px 0;
            min-height: 99px;
            align-items: center;
            border-bottom: 1px solid #e4e4e4;
        }

        .news-list-thumb {
            width: 160px;
            height: 100px;
            overflow: hidden;
            border-radius: 4px;
            background: #f0f2f5;
        }

        .news-list-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .news-list-thumb-placeholder {
            width: 100%;
            height: 100%;
            background: #e4e4e4;
        }

        .news-list-date {
            text-align: center;
            color: #3d3d3d;
            padding-top: 2px;
        }

        .news-list-date strong {
            display: block;
            font: 700 24px/1.1 "Source Sans Pro", sans-serif;
            color: #3d3d3d;
            letter-spacing: 0.02em;
        }

        .news-list-date span {
            display: block;
            margin-top: 5px;
            font: 700 16px/1.2 "Source Sans Pro", sans-serif;
            letter-spacing: 0.04em;
        }

        .news-list-content h3 {
            margin: 0;
            font: 900 20px/1.25 "Archivo Black", sans-serif;
            color: #3d3d3d;
        }

        .news-list-content h3 a {
            color: inherit;
            text-decoration: none;
        }

        .news-list-content h3 a:hover {
            color: #0a5cb8;
        }

        .news-list-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin: 8px 0 0 0;
        }

        .news-list-tag {
            display: inline-block;
            padding: 2px 10px;
            font: 400 12px/1.5 "Source Sans Pro", sans-serif;
            color: #00538e;
            background: #e8f0fe;
            border-radius: 12px;
        }

        .news-list-content p {
            margin: 6px 0 0 0;
            font: 400 16px/1.55 "Source Han Serif CN", "Source Sans Pro", sans-serif;
            color: #3d3d3d;
            opacity: 0.7;
        }

        .news-list-empty {
            padding: 32px 0;
            color: #64748b;
            font: 400 16px/1.6 "Source Sans Pro", sans-serif;
        }

        .news-detail-wrap {
            padding: 40px 0 72px;
        }

        .news-detail-breadcrumb {
            font-size: 14px;
            color: #888;
            margin-bottom: 28px;
        }

        .news-detail-breadcrumb a {
            color: inherit;
            text-decoration: none;
        }

        .news-detail-breadcrumb span {
            color: var(--color-primary);
        }

        .news-detail-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 420px;
            gap: 36px;
            align-items: start;
        }

        .news-detail-article {
            background: #fff;
            padding: 40px;
            box-shadow: var(--shadow-card);
        }

        .news-detail-article h1 {
            margin: 0 0 20px;
            color: var(--color-primary);
            text-align: center;
            font: 700 36px/1.35 "Source Sans Pro", sans-serif;
        }

        .news-detail-meta {
            text-align: center;
            color: #888;
            font-size: 14px;
            margin-bottom: 40px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }

        .news-detail-body {
            font-size: 16px;
            line-height: 2;
            color: #333;
        }

        .news-detail-sidebar h3 {
            margin: 0;
            padding: 14px 18px;
            color: #fff;
            background: var(--color-primary);
            font: 700 18px/1.2 "Source Sans Pro", sans-serif;
        }

        .news-detail-latest-list {
            background: #fff;
            padding: 6px 0;
        }

        .news-detail-latest-item {
            display: grid;
            grid-template-columns: 118px 1fr;
            gap: 16px;
            padding: 14px 0;
            border-bottom: 1px solid #eef2f7;
        }

        .news-detail-latest-item:last-child {
            border-bottom: 0;
        }

        .news-detail-latest-thumb img {
            width: 118px;
            height: 88px;
            object-fit: cover;
            display: block;
        }

        .news-detail-latest-content h4 {
            margin: 0;
            color: var(--color-primary);
            font: 700 16px/1.35 "Source Sans Pro", sans-serif;
        }

        .news-detail-latest-content h4 a {
            color: inherit;
            text-decoration: none;
        }

        .news-detail-latest-content h4 a:hover {
            text-decoration: underline;
        }

        .news-detail-latest-content p {
            margin: 6px 0 0;
            color: var(--color-primary);
            font: 600 14px/1.35 "Source Sans Pro", sans-serif;
        }

        .news-list-pagination {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin-top: 48px;
        }

        .news-list-pagination a {
            width: 42px;
            height: 42px;
            border-radius: 2px;
            border: 1px solid #e4e4e4;
            background: #fff;
            color: #26af74;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font: 400 18px/1 "Source Han Sans", "Source Sans Pro", sans-serif;
            transition: all 0.2s ease;
        }

        .news-list-pagination a:hover {
            border-color: #26af74;
        }

        .news-list-pagination a.is-active {
            background: #00538e;
            border-color: #00538e;
            color: #fff;
        }

        .news-list-pagination a.is-disabled,
        .news-list-pagination a.is-ellipsis {
            color: #9ca3af;
            border-color: #e5e7eb;
            cursor: default;
            pointer-events: none;
        }

        .projects-stack {
            margin-top: -110px;
            position: relative;
            z-index: 1;
        }

        .project-cards {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 48px;
        }

        .project-card {
            background: var(--color-white);
            border: 1px solid #ececec;
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
        }

        .project-card .media {
            overflow: hidden;
            height: 236px;
        }

        .project-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .project-card h3 {
            min-height: 118px;
            padding: 22px 14px 18px;
            color: var(--color-primary);
            font: var(--font-card-title);
            font-size: 26px;
            line-height: 1.35;
        }

        .projects-stack .cta-wrap {
            margin-top: 94px;
        }

        .cooperation-section {
            padding: 54px 0 53px;
            background: var(--color-coop-bg);
        }

        .cooperation-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 348px));
            gap: 32px 105px;
            justify-content: space-between;
            margin-top: 66px;
        }

        .cooperation-grid img {
            width: 348px;
            height: 169px;
            object-fit: cover;
        }

        .footer {
            background: var(--color-footer);
            color: var(--color-white);
            padding-top: 47px;
        }

        .footer-main {
            display: grid;
            grid-template-columns: 503px 406px 451px;
            justify-content: space-between;
            gap: 24px;
            padding-bottom: 41px;
        }

        .footer h3 {
            font: var(--font-footer-title);
            margin-bottom: 16px;
        }

        .footer p,
        .footer a {
            color: var(--color-white);
            font: var(--font-body);
            font-size: 14px;
        }

        .contact-row {
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .contact-row + .contact-row {
            margin-top: 1px;
        }

        .contact-icon {
            width: 21px;
            height: 21px;
            margin-top: 5px;
            flex: none;
            object-fit: contain;
        }

        .footer-kicker {
            font: var(--font-footer-kicker);
        }

        .footer-brand {
            font: var(--font-footer-brand);
        }

        .quick-links {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0 19px;
            margin-top: 4px;
        }

        .copyright {
            border-top: 1px solid #6f6f6f;
            padding: 9px 0;
            text-align: center;
            font: var(--font-body);
        }

        @media (max-width: 1600px) {
            .events-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .project-cards {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .cooperation-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 28px;
            }

            .cooperation-grid img {
                width: 100%;
            }

            .footer-main {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 1080px) {
            .header-inner {
                height: 84px;
                padding: 18px 0;
                flex-wrap: nowrap;
                gap: 10px;
                align-items: center;
            }

            .brand {
                gap: 10px;
                flex: 1 1 auto;
            }

            .brand-text {
                display: block;
            }

            .nav-toggle {
                display: inline-flex;
                order: 2;
                margin-left: auto;
                flex: none;
            }

            .nav {
                order: 4;
                width: auto;
                display: none;
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
                padding: 12px 16px;
                position: absolute;
                top: calc(100% + 6px);
                right: 0;
                min-width: 220px;
                max-width: min(92vw, 360px);
                background: rgba(0, 27, 54, 0.96);
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 8px;
            }

            .header-inner.nav-open .nav {
                display: flex;
            }

            .nav-tools {
                order: 3;
                width: auto;
                gap: 12px;
                justify-content: flex-end;
                flex: none;
            }

            .account-links {
                min-width: 0;
                flex-direction: row;
                gap: 10px;
            }

            .login,
            .join,
            .lang {
                font-size: 16px;
            }

            .login {
                padding-bottom: 0;
                margin-bottom: 0;
                width: auto;
                border-bottom: none;
            }

            .hero {
                height: clamp(320px, 56vw, 620px);
            }

            .section-title {
                font-size: 38px;
                line-height: 1.2;
            }

            .news-grid,
            .events-grid,
            .project-cards,
            .footer-main {
                grid-template-columns: 1fr;
            }

            .projects-hero {
                height: 520px;
            }

            .projects-hero h2 {
                font-size: 48px;
                line-height: 1.15;
            }

            .news-list-content h3 {
                font-size: 20px;
            }

            .news-list-content p {
                font-size: 15px;
                margin-left: 15px;
            }

            .news-detail-layout {
                grid-template-columns: 1fr;
            }

            .news-detail-sidebar h3 {
                font-size: 24px;
            }

            .news-detail-latest-content h4 {
                font-size: 18px;
            }

            .news-detail-latest-content p {
                font-size: 14px;
            }

            .news-list-pagination {
                gap: 8px;
            }

            .news-list-pagination a {
                width: 34px;
                height: 34px;
                font-size: 14px;
            }

            .projects-hero .wrap {
                padding-top: 92px;
            }

            .projects-stack {
                margin-top: -54px;
            }

            .cooperation-grid {
                grid-template-columns: 1fr;
                gap: 22px 0;
                justify-items: center;
                margin-top: 44px;
            }

            .cooperation-grid a {
                width: 100%;
                display: flex;
                justify-content: center;
            }

            .cooperation-grid img {
                width: min(280px, 78vw);
                height: auto;
                aspect-ratio: 348 / 169;
            }

            .event-content {
                grid-template-columns: minmax(0, 1fr) 96px;
            }

            .news-card {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .news-list-search {
                gap: 8px;
            }

            .news-list-search input[type="text"] {
                height: 40px;
            }

            .news-list-search button {
                min-width: 72px;
                height: 34px;
            }

            .news-list-item {
                grid-template-columns: 100px 1fr;
                gap: 12px;
                padding: 18px 0;
            }

            .news-list-thumb {
                width: 100px;
                height: 70px;
            }

            .news-list-date {
                display: none;
            }

            .news-detail-article {
                padding: 22px 18px;
            }

            .news-detail-article h1 {
                font-size: 28px;
            }

            .news-detail-latest-item {
                grid-template-columns: 90px 1fr;
                gap: 12px;
            }

            .news-detail-latest-thumb img {
                width: 90px;
                height: 68px;
            }

            .news-list-divider {
                display: none;
            }
        }

            .quick-links {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 900px) {
            .lang {
                display: none;
            }

            .login {
                display: none;
            }
        }

        @media (max-width: 767px) {
            .brand-mark {
                width: 72px;
                height: 42px;
            }

            .brand-text {
                font-size: 16px;
                line-height: 1.2;
            }

            .nav-tools {
                display: none;
            }

            .hero {
                height: clamp(220px, 58vw, 360px);
            }

            .hero-dots {
                bottom: 18px;
            }

            .cooperation-grid {
                gap: 16px 0;
            }

            .cooperation-grid img {
                width: min(240px, 82vw);
            }
        }