@font-face{
    font-family:"Guardian Sans";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/guardian/guardian-sans-light.woff2") format("woff2");
    font-style:normal;
    font-weight:300;
    font-display:swap;
}

@font-face{
    font-family:"Guardian Sans";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/guardian/guardian-sans-regular.woff2") format("woff2");
    font-style:normal;
    font-weight:400;
    font-display:swap;
}

@font-face{
    font-family:"Guardian Sans";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/guardian/guardian-sans-medium.woff2") format("woff2");
    font-style:normal;
    font-weight:500;
    font-display:swap;
}

@font-face{
    font-family:"Guardian Sans";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/guardian/guardian-sans-semibold.woff2") format("woff2");
    font-style:normal;
    font-weight:600;
    font-display:swap;
}

@font-face{
    font-family:"Guardian Sans";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/guardian/guardian-sans-bold.woff2") format("woff2");
    font-style:normal;
    font-weight:700;
    font-display:swap;
}

@font-face{
    font-family:"Sanomat";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/sanomat/sanomat-light.woff2") format("woff2");
    font-style:normal;
    font-weight:300;
    font-display:swap;
}

@font-face{
    font-family:"Sanomat";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/sanomat/sanomat-regular.woff2") format("woff2");
    font-style:normal;
    font-weight:400;
    font-display:swap;
}

@font-face{
    font-family:"Sanomat";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/sanomat/sanomat-medium.woff2") format("woff2");
    font-style:normal;
    font-weight:500;
    font-display:swap;
}

@font-face{
    font-family:"Sanomat";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/sanomat/sanomat-semibold.woff2") format("woff2");
    font-style:normal;
    font-weight:600;
    font-display:swap;
}

@font-face{
    font-family:"Sanomat";
    src:url("https://www.blackstone.com/wp-content/themes/blackstone-v2/dist/fonts/sanomat/sanomat-bold.woff2") format("woff2");
    font-style:normal;
    font-weight:700;
    font-display:swap;
}

:root{
    --bg:#eef3ed;
    --surface:#f4f8f3;
    --surface-strong:#dbe7de;
    --surface-tint:#fafcf8;
    --surface-deep:#1d4036;
    --ink:#1b3028;
    --muted:#61746c;
    --accent:#6f8a7d;
    --accent-deep:#3b5b50;
    --forest:#1d4036;
    --forest-soft:#27493f;
    --line:rgba(27,48,40,0.1);
    --shadow:0 24px 72px rgba(29,64,54,0.1);
    --radius:28px;
    --font-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
    --font-serif:"Noto Serif SC","Songti SC",serif;
    --font-sans-en:"Guardian Sans","Helvetica Neue",Arial,sans-serif;
    --font-serif-en:"Sanomat","Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
    --lang-globe-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='white' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='12'/%3E%3Cpath d='M4 16h24'/%3E%3Cpath d='M8.5 10.25h15'/%3E%3Cpath d='M8.5 21.75h15'/%3E%3Cpath d='M16 4c4 3.25 6.5 7.55 6.5 12S20 24.75 16 28'/%3E%3Cpath d='M16 4c-4 3.25-6.5 7.55-6.5 12S12 24.75 16 28'/%3E%3C/svg%3E");
}

*{margin:0;padding:0;box-sizing:border-box;}
html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}
html[lang="en"]{
    --font-sans:var(--font-sans-en);
    --font-serif:var(--font-serif-en);
}
html[lang="zh-CN"]{
    --font-sans:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;
    --font-serif:var(--font-sans);
}
[id]{
    scroll-margin-top:120px;
}
body{
    font-family:var(--font-sans);
    background:var(--bg);
    color:var(--ink);
    overflow-x:hidden;
    text-rendering:optimizeLegibility;
}

html[lang="en"] body{
    font-weight:300;
    letter-spacing:0.01em;
}

html[lang="zh-CN"] body{
    font-weight:400;
    letter-spacing:-0.015em;
}

html[lang="en"] .wordmark-box{
    font-family:var(--font-sans);
    letter-spacing:0.015em;
}

html[lang="en"] .wordmark-box strong{
    font-weight:600;
    letter-spacing:-0.018em;
}

html[lang="en"] .wordmark-box small{
    font-weight:500;
    letter-spacing:0.15em;
}

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

.topbar{
    display:none;
}

.navbar{
    position:sticky;
    top:0;
    z-index:60;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    padding:26px 6vw;
    background:#050607;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

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

.brand-wordmark{
    color:#ffffff;
    gap:14px;
}

.nav-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}

.lang-shortcuts{
    display:flex;
    align-items:center;
    gap:8px;
}

.lang-shortcut{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    min-height:36px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,0.14);
    border-radius:999px;
    color:rgba(255,255,255,0.76);
    font-size:12px;
    font-weight:600;
    letter-spacing:0.08em;
    transition:background 0.24s ease, border-color 0.24s ease, color 0.24s ease, transform 0.24s ease;
}

.lang-shortcut:hover,
.lang-shortcut:focus-visible{
    color:#ffffff;
    border-color:rgba(255,255,255,0.26);
    background:rgba(255,255,255,0.08);
}

.lang-shortcut:focus-visible{
    outline:2px solid rgba(255,255,255,0.28);
    outline-offset:4px;
}

.lang-shortcut.is-active{
    color:#0f1113;
    border-color:rgba(255,255,255,0.92);
    background:#ffffff;
}

@media (min-width: 761px){
    .lang-switcher{
        display:none;
    }
}

.wordmark-box{
    display:grid;
    align-content:center;
    min-width:230px;
    min-height:72px;
    padding:10px 18px 11px;
    border:1px solid rgba(255,255,255,0.72);
    color:#ffffff;
    font-family:var(--font-serif);
    font-size:14px;
    line-height:1.05;
    letter-spacing:0;
    text-transform:none;
}

.wordmark-box strong{
    display:block;
    font-size:33px;
    line-height:0.98;
    letter-spacing:-0.03em;
    text-transform:none;
}

.wordmark-box small{
    display:block;
    margin-top:6px;
    font-size:8px;
    letter-spacing:0.18em;
    opacity:0.7;
    text-transform:uppercase;
}

.brand-subtext{
    font-family:var(--font-sans);
    display:none;
    font-size:12px;
    letter-spacing:0.08em;
    color:rgba(255,255,255,0.74);
}

.brand-subtext-light{
    color:rgba(255,255,255,0.56);
}

.menu{
    display:flex;
    align-items:center;
    gap:34px;
    font-size:15px;
    font-family:var(--font-sans);
    letter-spacing:0;
    flex-wrap:nowrap;
    margin-left:auto;
    flex:1 1 auto;
    min-width:0;
    justify-content:flex-end;
}

.lang-switcher{
    position:relative;
}

.lang-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-width:74px;
    min-height:40px;
    padding:0 14px 0 13px;
    border:1px solid rgba(255,255,255,0.14);
    border-radius:14px;
    background:rgba(70,76,97,0.9);
    color:#ffffff;
    cursor:pointer;
    font:inherit;
    font-size:12px;
    font-weight:600;
    letter-spacing:0.1em;
    text-transform:none;
    box-shadow:0 10px 28px rgba(4,6,10,0.18);
    transition:background 0.24s ease, border-color 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease;
}

.lang-toggle:hover,
.lang-toggle:focus-visible,
.lang-switcher.is-open .lang-toggle{
    background:rgba(82,89,113,0.98);
    border-color:rgba(255,255,255,0.24);
    box-shadow:0 14px 34px rgba(4,6,10,0.24);
}

.lang-toggle:focus-visible{
    outline:2px solid rgba(255,255,255,0.34);
    outline-offset:4px;
}

.lang-globe{
    width:23px;
    height:23px;
    flex-shrink:0;
    background-color:currentColor;
    -webkit-mask:var(--lang-globe-mask) center / contain no-repeat;
    mask:var(--lang-globe-mask) center / contain no-repeat;
}

.lang-globe::before,
.lang-globe::after{
    content:none;
}

.lang-globe span{
    display:none;
}

.lang-toggle-label{
    display:none;
}

.lang-toggle-caret{
    width:9px;
    height:9px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-1px) rotate(45deg);
    flex-shrink:0;
    opacity:0.78;
    transition:transform 0.24s ease;
}

.lang-switcher.is-open .lang-toggle-caret{
    transform:translateY(2px) rotate(-135deg);
}

.lang-menu{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    min-width:140px;
    padding:8px 0;
    border-radius:16px;
    background:rgba(46,51,69,0.98);
    box-shadow:0 20px 48px rgba(5,6,7,0.34);
    z-index:40;
}

.lang-menu a{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:0 16px;
    color:rgba(255,255,255,0.82);
    font-size:13px;
    font-weight:600;
    letter-spacing:0.03em;
}

.lang-menu a:hover,
.lang-menu a:focus-visible,
.lang-menu a.is-active{
    color:#ffffff;
}

.menu a,
.nav-trigger{
    position:relative;
    display:inline-flex;
    align-items:center;
    color:rgba(255,255,255,0.92);
    font-weight:500;
    white-space:nowrap;
}

.nav-trigger{
    gap:12px;
    padding:0;
    border:none;
    background:transparent;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    font:inherit;
    text-align:left;
}

.menu a.active,
.nav-trigger.active{
    color:#ffffff;
}

.nav-toggle{
    display:none;
    position:relative;
    width:44px;
    height:44px;
    margin-left:auto;
    padding:0;
    border:none;
    background:transparent;
    color:#ffffff;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    flex-shrink:0;
}

.nav-toggle:focus-visible{
    outline:2px solid rgba(255,255,255,0.45);
    outline-offset:4px;
}

.nav-toggle span{
    position:absolute;
    left:10px;
    right:10px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transform-origin:center;
    transition:transform 0.24s ease, opacity 0.18s ease;
}

.nav-toggle span:nth-child(1){
    top:13px;
}

.nav-toggle span:nth-child(2){
    top:21px;
}

.nav-toggle span:nth-child(3){
    top:29px;
}

body.nav-panel-open .nav-toggle span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}

body.nav-panel-open .nav-toggle span:nth-child(2){
    opacity:0;
}

body.nav-panel-open .nav-toggle span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

.menu > a:not(.cta-link)::before{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    bottom:-8px;
    height:1px;
    background:#ffffff;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform 0.42s cubic-bezier(0.19, 1, 0.22, 1);
}

.menu .cta-link{
    display:none;
}

.menu > a:hover::before,
.menu > a:focus-visible::before,
.menu > a.active::before{
    transform:scaleX(1);
}

.menu-obsidian{
    position:static;
}

.menu-obsidian::after{
    content:"";
    position:fixed;
    inset:112px 0 0;
    background:rgba(5,6,7,0.68);
    backdrop-filter:blur(4px) saturate(0.82);
    -webkit-backdrop-filter:blur(4px) saturate(0.82);
    opacity:0;
    pointer-events:none;
    z-index:0;
    transition:opacity 0.2s ease;
}

.nav-item{
    position:static;
}

.nav-item.has-dropdown > .nav-trigger{
    gap:12px;
}

.nav-item.has-dropdown > .nav-trigger > span:first-child{
    position:relative;
    display:inline-block;
}

.nav-item.has-dropdown > .nav-trigger > span:first-child::after{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    bottom:-8px;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform 0.42s cubic-bezier(0.19, 1, 0.22, 1);
}

.nav-caret{
    width:11px;
    height:11px;
    display:inline-block;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
    opacity:0.92;
    flex-shrink:0;
    transition:transform 0.2s ease, opacity 0.2s ease;
}

.nav-dropdown{
    position:absolute;
    top:100%;
    left:6vw;
    right:6vw;
    min-width:0;
    padding:34px 0 44px;
    background:#050607;
    border:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    z-index:2;
    transition:opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.nav-dropdown::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:rgba(255,255,255,0.82);
}

.nav-dropdown::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:28px;
    background:linear-gradient(180deg, rgba(5,6,7,1) 0%, rgba(5,6,7,0) 100%);
    pointer-events:none;
}

.nav-item:hover .nav-dropdown,
.nav-item:focus-within .nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

body.nav-hover-suspended .nav-item:hover .nav-dropdown,
body.nav-hover-suspended .nav-item:focus-within .nav-dropdown{
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
}

body.nav-hover-suspended .nav-dropdown{
    display:none !important;
}

.menu-obsidian:has(.nav-item:hover)::after,
.menu-obsidian:has(.nav-item:focus-within)::after,
.menu-obsidian:has(.nav-item.open)::after{
    opacity:1;
}

body.nav-hover-suspended .menu-obsidian:has(.nav-item:hover)::after,
body.nav-hover-suspended .menu-obsidian:has(.nav-item:focus-within)::after{
    opacity:0 !important;
}

body.nav-scroll-locked{
    overflow:hidden;
}

.nav-dropdown-col{
    display:block;
    max-width:1080px;
    padding:32px 0 0;
    border-top:none;
}

.nav-dropdown-col-products{
    display:grid;
    grid-template-columns:repeat(2, minmax(220px, 1fr));
    column-gap:72px;
    row-gap:12px;
    align-items:start;
}

.nav-dropdown-col strong{
    display:block;
    margin-bottom:16px;
    color:rgba(255,255,255,0.42);
    font-size:10px;
    letter-spacing:0.14em;
    text-transform:none;
    font-weight:600;
}

.nav-dropdown-col-products strong{
    grid-column:1 / -1;
    margin-bottom:8px;
}

.nav-dropdown-col a{
    display:block;
    color:rgba(255,255,255,0.92);
    font-family:var(--font-serif);
    font-size:16px;
    font-weight:500;
    line-height:1.38;
    letter-spacing:-0.02em;
    margin-top:12px;
    position:relative;
    width:fit-content;
    padding-bottom:6px;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

.nav-dropdown-col-products a{
    display:inline-block;
    margin-top:0;
}

.nav-dropdown-col a:hover{
    color:#ffffff;
}

.nav-dropdown-col a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:1px;
    width:100%;
    height:1px;
    background:rgba(255,255,255,0.72);
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform 0.24s ease;
}

.nav-dropdown-col a:hover::after,
.nav-dropdown-col a:focus-visible::after{
    transform:scaleX(1);
}

.nav-item.has-dropdown:hover .nav-caret,
.nav-item.has-dropdown:focus-within .nav-caret,
.nav-item.open .nav-caret{
    transform:translateY(0) rotate(45deg);
}

.nav-item:hover > .nav-trigger > span:first-child::after,
.nav-item:focus-within > .nav-trigger > span:first-child::after,
.nav-item.open > .nav-trigger > span:first-child::after,
.nav-item > .nav-trigger.active > span:first-child::after{
    transform:scaleX(1);
}


.nav-utility{
    color:#ffffff;
    font-weight:500;
    justify-content:center;
    margin-left:6px;
    min-height:40px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,0.16);
    border-radius:999px;
    background:transparent;
    transition:background 0.24s ease, border-color 0.24s ease, color 0.24s ease, transform 0.24s ease, opacity 0.24s ease;
}

.menu > a.nav-utility::before{
    display:none;
}

.nav-utility:hover,
.nav-utility:focus-visible{
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.24);
    transform:translateY(-1px);
}

.page-light{
    background:#eef3ed;
    color:#1b3028;
}

.page-light .navbar{
    background:rgba(238,243,237,0.92);
    border-bottom:1px solid rgba(27,48,40,0.08);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.page-light .wordmark-box{
    border-color:#1d4036;
    background:#1d4036;
    color:#f3f8f2;
}

.page-light .brand-subtext-light{
    color:rgba(15,17,19,0.58);
}

.page-light .menu > a,
.page-light .nav-item > .nav-trigger,
.page-light .nav-utility{
    color:#1b3028;
}

.page-light .nav-utility{
    border-color:rgba(27,48,40,0.14);
    background:rgba(255,255,255,0.42);
}

.page-light .menu a.active,
.page-light .nav-trigger.active{
    color:#1b3028;
}

.page-light .menu > a:not(.cta-link)::before{
    left:0;
    width:100%;
    bottom:-8px;
    height:1px;
    background:#35564a;
    transform:scaleX(0);
    transform-origin:left center;
}

.page-light .nav-item.has-dropdown > .nav-trigger > span:first-child::after{
    bottom:-8px;
    height:1px;
}

.page-light .menu > a:hover::before,
.page-light .menu > a:focus-visible::before,
.page-light .menu > a.active::before{
    transform:scaleX(1);
}

.page-light .nav-utility:hover,
.page-light .nav-utility:focus-visible{
    background:rgba(223,235,227,0.88);
    border-color:rgba(27,48,40,0.22);
}

.page-light .nav-caret{
    border-color:#1b3028;
}

.page-light .menu-obsidian::after{
    background:rgba(245,249,243,0.9);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

.page-light .nav-dropdown{
    background:#f4f8f3;
}

.page-light .nav-dropdown-col{
    display:grid;
    grid-template-columns:repeat(2, minmax(180px, 1fr));
    column-gap:56px;
    row-gap:12px;
    align-items:start;
}

.page-light .nav-dropdown::before{
    background:rgba(27,48,40,0.14);
}

.page-light .nav-dropdown::after{
    background:linear-gradient(180deg, rgba(244,248,243,1) 0%, rgba(244,248,243,0) 100%);
}

.page-light .nav-dropdown-col strong{
    grid-column:1 / -1;
    margin-bottom:8px;
    color:rgba(27,48,40,0.42);
}

.page-light .nav-dropdown-col a{
    color:#1b3028;
    font-family:var(--font-serif);
    font-size:16px;
    font-weight:500;
    line-height:1.38;
    letter-spacing:-0.02em;
    position:relative;
    display:inline-block;
    width:fit-content;
    margin-top:0;
    padding-bottom:6px;
}

.page-light .nav-dropdown-col a:hover{
    color:#1b3028;
}

.page-light .nav-item.open .nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.page-light .menu-obsidian:has(.nav-item.open)::after{
    opacity:1;
}

@media (max-width: 760px){
    .nav-dropdown-col-products{
        grid-template-columns:1fr;
        row-gap:12px;
    }

    .page-light .nav-dropdown-col{
        grid-template-columns:1fr;
        row-gap:12px;
    }
}

.page-light .nav-dropdown-col a::after{
    background:#0f1113;
}

.page-light .nav-dropdown-col a:hover::after,
.page-light .nav-dropdown-col a:focus-visible::after{
    transform:scaleX(1);
}

.hero{
    padding:72px 6vw 80px;
    color:#f9f5ed;
}

.hero-home{
    min-height:calc(100vh - 92px);
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(320px,0.8fr);
    gap:36px;
    align-items:end;
    background-color:#0b0c0d;
    background:
        linear-gradient(110deg, rgba(5,6,7,0.94) 0%, rgba(9,10,11,0.68) 48%, rgba(9,10,11,0.46) 100%),
        url("https://images.unsplash.com/photo-1740908442771-30db0c63949d?q=80&w=2200&auto=format&fit=crop") center center / cover no-repeat;
}

.hero-page{
    min-height:420px;
    display:flex;
    align-items:flex-end;
    background-color:#0b0c0d;
    background:
        linear-gradient(115deg, rgba(5,6,7,0.94), rgba(17,19,22,0.62)),
        url("https://images.unsplash.com/photo-1513828583688-c52646db42da?q=80&w=2200&auto=format&fit=crop") center center / cover no-repeat;
}

.hero-about{
    background:
        linear-gradient(115deg, rgba(5,6,7,0.94), rgba(16,18,20,0.66)),
        url("https://images.unsplash.com/photo-1738670124216-0a0ef5006255?q=80&w=2200&auto=format&fit=crop") center center / cover no-repeat;
}

.hero-products{
    background:
        linear-gradient(115deg, rgba(5,6,7,0.94), rgba(20,18,16,0.64)),
        url("https://images.unsplash.com/photo-1724301724455-92990503435e?q=80&w=2200&auto=format&fit=crop") center center / cover no-repeat;
}

.hero-sustainability{
    background:
        linear-gradient(115deg, rgba(5,6,7,0.94), rgba(16,20,18,0.64)),
        url("https://images.unsplash.com/photo-1441974231531-c6227db76b6e?q=80&w=2200&auto=format&fit=crop") center center / cover no-repeat;
}

.hero-copy{
    max-width:700px;
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
    font-size:11px;
    letter-spacing:0.3em;
    text-transform:uppercase;
    color:rgba(249,245,237,0.82);
}

.eyebrow::before{
    content:"";
    width:54px;
    height:1px;
    background:rgba(249,245,237,0.5);
}

.hero h1{
    font-family:var(--font-sans);
    font-size:clamp(3rem,6vw,5.1rem);
    line-height:1.06;
    font-weight:700;
    margin-bottom:18px;
    letter-spacing:-0.03em;
    text-wrap:balance;
}

.hero p{
    max-width:580px;
    font-size:17px;
    line-height:1.8;
    color:rgba(249,245,237,0.8);
    text-wrap:pretty;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:36px;
}

.page-intro{
    position:relative;
    padding:56px 6vw 36px;
    background:#f3ede2;
    overflow:hidden;
    isolation:isolate;
    border-bottom:1px solid rgba(33,25,19,0.08);
}

.page-intro-grid,
.page-intro-media{
    position:relative;
    z-index:1;
}

.page-intro-grid{
    width:min(1320px, 100%);
    margin:0 auto;
    padding-top:52px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(320px, 0.72fr);
    gap:56px;
    align-items:end;
}

.page-intro-copy:last-child{
    justify-self:end;
}

.page-intro-copy h1{
    max-width:9ch;
    font-family:var(--font-serif);
    font-size:clamp(4.2rem, 7vw, 6rem);
    line-height:0.95;
    font-weight:400;
    letter-spacing:-0.05em;
    text-wrap:balance;
    color:#211913;
}

.page-intro-copy p{
    max-width:560px;
    padding-top:18px;
    border-top:1px solid rgba(33,25,19,0.1);
    font-size:17px;
    line-height:1.82;
    color:rgba(33,25,19,0.66);
    text-wrap:pretty;
}

.page-intro-media{
    width:min(1320px, 100%);
    margin:48px auto 0;
}

.page-intro-image{
    width:100%;
    min-height:460px;
    aspect-ratio:16 / 6.15;
    display:block;
    background-color:#0e1217;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
    position:relative;
    border-radius:0;
    border:none;
    box-shadow:none;
}

.page-intro-image::before{
    display:none;
}

.page-intro-image-about::before{
    display:none;
}

.page-intro-image-products::before{
    display:none;
}

.page-intro-image-sustainability::before{
    display:none;
}

.page-intro-image::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    opacity:1;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.page-intro-image-about::after{
    background-image:
        radial-gradient(circle at 28% 32%, rgba(132,164,212,0.46), transparent 22%),
        radial-gradient(circle at 72% 36%, rgba(108,196,174,0.22), transparent 20%),
        radial-gradient(circle at 50% 70%, rgba(16,21,29,0.96), rgba(8,11,15,1) 56%);
}

.page-intro-image-products::after{
    background-image:
        radial-gradient(circle at 24% 30%, rgba(196,210,150,0.24), transparent 18%),
        radial-gradient(circle at 74% 28%, rgba(132,164,212,0.34), transparent 22%),
        radial-gradient(circle at 50% 72%, rgba(16,21,29,0.95), rgba(6,9,13,1) 56%);
}

.page-intro-image-sustainability::after{
    background-image:
        radial-gradient(circle at 22% 24%, rgba(108,196,174,0.22), transparent 20%),
        radial-gradient(circle at 76% 30%, rgba(132,164,212,0.36), transparent 22%),
        radial-gradient(circle at 48% 74%, rgba(16,21,29,0.95), rgba(6,9,13,1) 56%);
}

html[lang="zh-CN"] .page-intro{
    background:#f3ede2;
}

html[lang="zh-CN"] .page-intro::before{
    display:none;
}

html[lang="zh-CN"] .page-intro-grid{
    grid-template-columns:minmax(0, 1.14fr) minmax(300px, 0.78fr);
    gap:58px;
}

html[lang="zh-CN"] .page-intro-copy h1{
    max-width:none;
    font-family:var(--font-sans);
    font-size:clamp(4rem, 7vw, 6.15rem);
    line-height:1.02;
    font-weight:400;
    letter-spacing:-0.065em;
    color:#121417;
}

html[lang="zh-CN"] .page-intro-copy p{
    max-width:34rem;
    border-top-color:rgba(33,25,19,0.1);
    font-size:16px;
    line-height:1.92;
    color:rgba(33,25,19,0.66);
}

.page-dark-band{
    background:#2b221d;
    color:#f6efe4;
    padding:108px 6vw 118px;
}

.page-dark-band-inner{
    width:min(1320px, 100%);
    margin:0 auto;
}

.page-label{
    display:inline-flex;
    align-items:center;
    gap:18px;
    font-size:11px;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.78);
}

.page-label::after{
    content:"";
    width:86px;
    height:2px;
    background:rgba(255,255,255,0.5);
}

.page-dark-band h2{
    margin-top:36px;
    max-width:1100px;
    font-family:var(--font-serif);
    font-size:clamp(3.2rem, 5vw, 4.8rem);
    line-height:1.14;
    font-weight:500;
    letter-spacing:-0.03em;
    text-wrap:balance;
}

.page-dark-band-inner > h2:first-child{
    margin-top:0;
}

.page-dark-band-lead{
    margin-top:24px;
    max-width:760px;
    color:rgba(255,255,255,0.74);
    font-size:16px;
    line-height:1.82;
    text-wrap:pretty;
}

.page-dark-band-grid{
    margin-top:56px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(320px, 0.7fr);
    gap:44px;
    align-items:start;
}

.page-dark-band-grid p{
    max-width:520px;
    color:rgba(255,255,255,0.74);
    font-size:17px;
    line-height:1.8;
}

.page-dark-band-grid .page-dark-band-note{
    color:rgba(255,255,255,0.88);
}

.page-dark-band-about .page-dark-band-inner{
    max-width:1180px;
}

.page-dark-band-about .page-dark-band-stack{
    margin-top:34px;
    max-width:1040px;
    display:grid;
    gap:20px;
}

.page-dark-band-about .page-dark-band-stack p{
    margin:0;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,0.12);
    max-width:100%;
    color:rgba(255,255,255,0.76);
    font-size:17px;
    line-height:1.82;
    text-wrap:pretty;
}

.page-dark-band-about .page-dark-band-stack p:first-child{
    padding-top:0;
    border-top:none;
}

.page-dark-band-about .page-dark-band-lead,
.page-dark-band-about .page-dark-band-note{
    color:rgba(255,255,255,0.88);
}

.about-foundation-grid{
    margin-top:52px;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:56px;
    align-items:start;
}

.about-foundation-column{
    position:relative;
    min-width:0;
    padding-top:18px;
}

.about-foundation-column::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:rgba(255,255,255,0.12);
}

.about-foundation-column h3{
    margin:0 0 22px;
    font-size:12px;
    font-weight:600;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.42);
}

.about-foundation-list{
    display:grid;
    gap:18px;
}

.about-foundation-item{
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,0.1);
}

.about-foundation-item:first-child{
    padding-top:0;
    border-top:none;
}

.about-foundation-item strong{
    display:block;
    font-size:17px;
    line-height:1.3;
    color:#f7f3ea;
}

.about-foundation-item p{
    margin-top:8px;
    color:rgba(247,243,234,0.72);
    font-size:15px;
    line-height:1.82;
    text-wrap:pretty;
}

html[lang="zh-CN"] .about-foundation-column h3{
    font-size:13px;
    font-weight:500;
    letter-spacing:0.08em;
    text-transform:none;
}

html[lang="zh-CN"] .about-foundation-item strong{
    font-size:16px;
}

.about-plain-section{
    background:#ffffff;
}

.about-plain-shell,
.about-profile-shell{
    width:min(1320px, 100%);
    margin:0 auto;
}

.about-plain-shell .section-header,
.about-profile-shell .section-header{
    display:block;
    margin-bottom:42px;
}

.about-timeline-list{
    border-top:1px solid rgba(15,17,19,0.1);
}

.about-timeline-row{
    display:grid;
    grid-template-columns:minmax(124px, 172px) minmax(0, 1fr);
    gap:30px;
    padding:24px 0;
    border-bottom:1px solid rgba(15,17,19,0.08);
}

.about-timeline-date{
    color:rgba(15,17,19,0.42);
    font-size:12px;
    letter-spacing:0.16em;
}

.about-timeline-text{
    color:rgba(15,17,19,0.66);
    font-size:16px;
    line-height:1.82;
    text-wrap:pretty;
}

.about-profile-shell{
    padding-top:96px;
    border-top:1px solid rgba(15,17,19,0.08);
}

.about-profile-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:32px;
}

.about-profile-item{
    padding-top:20px;
    border-top:1px solid rgba(15,17,19,0.08);
}

.about-profile-item h3{
    font-family:var(--font-serif);
    font-size:clamp(1.9rem, 2.8vw, 2.45rem);
    line-height:1.08;
    letter-spacing:-0.04em;
    color:#111315;
}

.about-profile-item p{
    margin-top:12px;
    max-width:28ch;
    color:rgba(15,17,19,0.64);
    line-height:1.82;
    text-wrap:pretty;
}

html[lang="zh-CN"] .about-profile-item h3{
    font-family:var(--font-sans);
    font-weight:400;
    letter-spacing:-0.06em;
}

.section-overview-clean{
    padding-top:84px;
    background:linear-gradient(180deg, #f7f5f0 0%, #f4f1ea 100%);
}

.about-overview-grid{
    align-items:start;
    gap:56px;
}

.about-overview-grid .panel{
    padding:0;
    background:transparent;
    border:none;
    box-shadow:none;
}

.about-overview-grid > *{
    position:relative;
    min-width:0;
}

.about-overview-grid > *::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:rgba(15,17,19,0.1);
}

.about-overview-grid .panel h3{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 22px;
    padding-top:18px;
    font-size:12px;
    font-weight:600;
    letter-spacing:0.16em;
    color:rgba(15,17,19,0.42);
    text-transform:uppercase;
}

.about-overview-grid .panel h3::after{
    content:"";
    flex:1;
    height:1px;
    background:rgba(15,17,19,0.1);
}

.about-overview-grid .facts{
    gap:18px;
}

.about-overview-grid .fact strong{
    font-size:18px;
    line-height:1.3;
}

.about-overview-grid .fact p{
    margin-top:10px;
}

html[lang="zh-CN"] .about-overview-grid .panel h3{
    font-size:13px;
    font-weight:500;
    letter-spacing:0.08em;
    text-transform:none;
}

html[lang="zh-CN"] .about-overview-grid .fact strong{
    font-size:17px;
}

@media (min-width: 1081px){
    .about-overview-grid > *:last-child{
        padding-left:34px;
        border-left:1px solid rgba(15,17,19,0.08);
    }

    .about-overview-grid > *:last-child::before{
        left:34px;
    }
}

.home-page{
    background:#ffffff;
}

.home-page .topbar{
    display:none;
}

.home-page .navbar{
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:transparent;
    border-bottom:none;
    backdrop-filter:none;
}

.home-page .brand-text,
.home-page .brand-subtext,
.home-page .menu a:not(.cta-link),
.home-page .nav-trigger{
    color:rgba(255,255,255,0.92);
}

.home-page .nav-dropdown::before{
    display:none;
}

.home-page .menu a.active{
    color:#ffffff;
}

.home-kicker{
    display:inline-block;
    font-size:11px;
    letter-spacing:0.16em;
    color:rgba(255,255,255,0.82);
    text-transform:none;
}

.home-kicker.dark{
    color:rgba(15,17,19,0.5);
}

.home-hero-v3{
    position:relative;
    min-height:calc(100vh - 113px);
    padding:162px 6vw 132px;
    background:#050607;
    color:#ffffff;
    overflow:hidden;
}

.home-hero-v3::before{
    content:"";
    position:absolute;
    left:6vw;
    right:6vw;
    bottom:0;
    height:1px;
    background:rgba(255,255,255,0.14);
    pointer-events:none;
}

.home-hero-v3::after{
    display:none;
}

.home-hero-v3-inner{
    position:relative;
    z-index:1;
    width:min(1320px, 100%);
    margin:0 auto;
    padding-top:28px;
    display:grid;
    grid-template-columns:minmax(0, 1.1fr) minmax(260px, 0.45fr);
    gap:56px;
    align-items:end;
}

.home-hero-v3 h1{
    font-family:var(--font-serif);
    margin:22px 0 24px;
    max-width:760px;
    font-size:clamp(5.2rem, 12vw, 9.6rem);
    line-height:0.9;
    letter-spacing:-0.06em;
    color:#ffffff;
    text-rendering:geometricPrecision;
}

.hero-title-line{
    display:block;
    overflow:visible;
    padding:0.07em 0.08em 0.11em 0;
    white-space:nowrap;
}

.hero-title-line + .hero-title-line{
    margin-top:-0.02em;
}

.hero-title-line-shift{
    padding-left:1em;
}

.hero-title-line-strong .hero-title-reveal{
    font-weight:700;
}

.hero-title-line-soft .hero-title-reveal{
    font-weight:500;
}

.hero-title-line-strong .hero-char + .hero-char{
    margin-left:-0.075em;
}

.hero-title-line-soft .hero-char + .hero-char{
    margin-left:-0.05em;
}

.home-hero-v3 p{
    max-width:300px;
    font-size:16px;
    line-height:1.86;
    color:rgba(255,255,255,0.86);
}

.home-hero-v3-copy{
    max-width:760px;
}

.home-hero-v3-aside{
    justify-self:end;
    width:min(100%, 340px);
    padding:18px 0 10px 26px;
    border-left:1px solid rgba(255,255,255,0.12);
}

.home-hero-v3-aside .home-kicker{
    color:rgba(255,255,255,0.8);
    margin-bottom:18px;
}

.home-hero-v3-aside p + p{
    margin-top:20px;
}

@keyframes heroFadeLift{
    from{
        opacity:0;
        transform:translate3d(0, 22px, 0);
    }
    to{
        opacity:1;
        transform:translate3d(0, 0, 0);
    }
}

@keyframes heroFadeIn{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@keyframes heroLineFloatIn{
    from{
        opacity:0;
        transform:translate3d(-24px, 30px, 0);
    }
    to{
        opacity:1;
        transform:translate3d(0, 0, 0);
    }
}

.hero-title-reveal{
    display:inline-block;
    overflow:visible;
    vertical-align:top;
    line-height:1;
    white-space:nowrap;
    transform:translate3d(0, 0, 0);
    transform-origin:left bottom;
    backface-visibility:hidden;
}

.hero-char{
    display:inline-block;
    backface-visibility:hidden;
}

.home-page .home-hero-v3-copy h1{
    opacity:1;
}

.home-page .home-hero-v3-copy h1 .hero-title-reveal,
.home-page .home-hero-v3-aside{
    opacity:0;
    animation-fill-mode:forwards;
}

.home-page .home-hero-v3-copy h1 .hero-title-reveal{
    will-change:transform, opacity;
    animation-name:heroLineFloatIn;
    animation-duration:1.12s;
    animation-timing-function:ease;
}

.home-page .home-hero-v3-copy h1 .hero-title-line:nth-child(1) .hero-title-reveal{
    animation-delay:0s;
}

.home-page .home-hero-v3-copy h1 .hero-title-line:nth-child(2) .hero-title-reveal{
    animation-delay:0.05s;
}

.home-page .home-hero-v3-aside{
    animation-name:heroFadeIn;
    animation-duration:0.28s;
    animation-timing-function:linear;
    animation-delay:1.24s;
}

html[lang="en"] .hero-title-line-strong .hero-title-reveal{
    font-weight:500;
}

html[lang="en"] .hero-title-line-soft .hero-title-reveal{
    font-weight:300;
}

html[lang="en"] .home-showcase .home-hero-v3 h1{
    font-weight:300;
    line-height:0.95;
    letter-spacing:-0.045em;
}

html[lang="en"] .home-showcase .home-hero-v3-aside{
    width:min(100%, 392px);
    padding-top:24px;
}

html[lang="en"] .home-showcase .home-hero-v3-aside p{
    max-width:392px;
    font-size:16px;
    line-height:1.72;
    letter-spacing:0.01em;
    color:rgba(255,255,255,0.92);
}

html[lang="zh-CN"] .hero-title-line-strong .hero-title-reveal,
html[lang="zh-CN"] .hero-title-line-soft .hero-title-reveal{
    font-weight:400;
}

html[lang="zh-CN"] .home-showcase .home-hero-v3 h1,
html[lang="zh-CN"] .page-dark-band h2,
html[lang="zh-CN"] .home-media-meta-title,
html[lang="zh-CN"] .home-statement-minimal h2,
html[lang="zh-CN"] .section-header h2,
html[lang="zh-CN"] .contact-desk-main h3{
    font-family:var(--font-sans);
    font-weight:400;
    letter-spacing:-0.06em;
}

html[lang="zh-CN"] .home-showcase-head{
    align-items:center;
}

html[lang="zh-CN"] .home-showcase .home-hero-v3-aside{
    align-self:center;
    padding-top:12px;
}

html[lang="zh-CN"] .home-showcase .home-hero-v3-aside p{
    line-height:1.9;
    color:rgba(255,255,255,0.88);
}

@media (prefers-reduced-motion: reduce){
    .home-page .home-hero-v3-copy h1 .hero-title-reveal,
    .home-page .home-hero-v3-aside{
        opacity:1;
        animation:none;
    }

    .hero-title-reveal{
        transform:none;
    }
}

.home-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px;
}

.home-hero-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:0 0 6px;
    font-size:15px;
    font-weight:600;
    letter-spacing:0.01em;
    color:#f4efe6;
    border-bottom:1px solid rgba(244,239,230,0.32);
    transition:gap 0.24s ease, border-color 0.24s ease, color 0.24s ease;
}

.home-hero-link::after{
    content:"";
    width:8px;
    height:8px;
    border-top:1.5px solid currentColor;
    border-right:1.5px solid currentColor;
    transform:translateY(1px) rotate(45deg);
    flex-shrink:0;
}

.home-hero-link:hover,
.home-hero-link:focus-visible{
    gap:14px;
    color:#ffffff;
    border-color:rgba(244,239,230,0.62);
}

.home-facts-band{
    padding:24px 6vw 0;
    background:#ffffff;
}

.home-facts-grid{
    width:min(1320px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:0;
}

.home-fact{
    padding:22px 30px 20px;
    background:#ffffff;
    border-top:1px solid rgba(15,17,19,0.08);
    border-bottom:1px solid rgba(15,17,19,0.08);
}

.home-fact + .home-fact{
    border-left:1px solid rgba(15,17,19,0.08);
}

.home-fact span{
    display:block;
    margin-bottom:12px;
    font-size:11px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:rgba(15,17,19,0.44);
}

.home-fact strong{
    font-family:var(--font-serif);
    display:block;
    font-size:36px;
    line-height:0.96;
    letter-spacing:-0.03em;
    color:#0f1113;
}

.home-fact small{
    display:block;
    margin-top:12px;
    max-width:240px;
    font-size:13px;
    line-height:1.6;
    color:rgba(15,17,19,0.54);
}

.home-statement,
.home-pillars-v2,
.home-minimal-dark{
    width:min(1320px, 100%);
    margin:0 auto;
}

.home-statement-minimal{
    width:min(1320px, 100%);
    margin:0 auto;
    padding:120px 6vw 68px;
}

.home-statement-minimal-head{
    max-width:1040px;
    display:grid;
    gap:24px;
}

.home-statement-minimal h2{
    font-family:var(--font-serif);
    margin:0;
    max-width:920px;
    font-size:clamp(3rem, 6vw, 5rem);
    line-height:1;
    letter-spacing:-0.02em;
    color:#0f1113;
    text-wrap:balance;
}

.home-statement-minimal p{
    max-width:620px;
    margin:0;
    color:var(--muted);
    line-height:1.8;
    font-size:16px;
    text-wrap:pretty;
}

.home-statement-minimal-body{
    justify-self:end;
}

.home-minimal-dark{
    margin-top:0;
    padding:84px 6vw 92px;
    display:grid;
    grid-template-columns:minmax(0, 0.9fr) minmax(0, 1fr);
    gap:44px;
    background:#050607;
    color:#f7f3ea;
}

.home-minimal-dark.compact{
    width:auto;
    margin:0;
}

.home-minimal-dark-copy h2{
    font-family:var(--font-serif);
    margin-top:16px;
    font-size:clamp(2.7rem, 5vw, 4.6rem);
    line-height:1;
    letter-spacing:-0.02em;
}

.home-minimal-dark-list{
    border-top:1px solid rgba(255,255,255,0.1);
}

.home-minimal-dark-list div{
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

.home-minimal-dark-list strong{
    font-family:var(--font-serif);
    display:block;
    margin-bottom:8px;
    font-size:22px;
    letter-spacing:-0.01em;
    color:#f7f3ea;
}

.home-minimal-dark-list p{
    max-width:360px;
    color:rgba(247,243,234,0.66);
    line-height:1.75;
}

.home-hero-v2{
    position:relative;
    min-height:calc(100vh - 92px);
    padding:64px 6vw 72px;
    background:
        linear-gradient(180deg, rgba(7,8,10,0.96) 0%, rgba(12,14,17,0.94) 56%, #111317 100%);
    color:#f6f3ec;
    overflow:hidden;
}

.home-hero-v2::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(120deg, rgba(255,255,255,0.03), transparent 36%),
        radial-gradient(circle at 82% 22%, rgba(164,124,67,0.2), transparent 18%),
        radial-gradient(circle at 18% 88%, rgba(255,255,255,0.04), transparent 24%);
    pointer-events:none;
}

.home-hero-shell{
    position:relative;
    z-index:1;
    width:min(1320px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.1fr) minmax(320px, 0.7fr);
    gap:48px;
    align-items:end;
}

.home-hero-copy h1{
    margin:18px 0 20px;
    font-size:clamp(4.2rem, 11vw, 8rem);
    line-height:0.92;
    letter-spacing:-0.06em;
    color:#f8f4ec;
}

.home-hero-copy p{
    max-width:540px;
    font-size:17px;
    line-height:1.8;
    color:rgba(248,244,236,0.76);
}

.home-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:34px;
}

.home-hero-aside{
    display:grid;
    gap:12px;
}

.home-hero-card{
    padding:22px 24px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
    border:1px solid rgba(255,255,255,0.08);
}

.home-hero-card span{
    display:inline-block;
    margin-bottom:12px;
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:rgba(248,244,236,0.42);
}

.home-hero-card strong{
    display:block;
    font-size:32px;
    line-height:1;
    letter-spacing:-0.04em;
    color:#f8f4ec;
}

.home-hero-card p{
    margin-top:10px;
    color:rgba(248,244,236,0.64);
    line-height:1.7;
    font-size:14px;
}

.home-summary,
.home-ledger,
.home-news{
    width:min(1280px, 100%);
    margin:0 auto;
}

.home-summary-grid,
.home-news-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.home-detail{
    padding:0 0 28px;
    border-bottom:1px solid var(--line);
}

.home-detail span{
    display:inline-block;
    margin-bottom:18px;
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--accent);
}

.home-detail h3{
    font-family:var(--font-sans);
    font-size:24px;
    line-height:1.2;
    letter-spacing:-0.02em;
    margin-bottom:12px;
    color:var(--forest);
}

.home-detail p{
    max-width:300px;
    color:var(--muted);
    line-height:1.75;
    font-size:15px;
}

.home-architecture{
    padding:112px 6vw 96px;
}

.home-architecture-head,
.home-ledger-v2,
.home-timeline-v2,
.home-cta-band{
    width:min(1320px, 100%);
    margin:0 auto;
}

.home-architecture-head h2,
.home-ledger-intro h2,
.home-timeline-copy h2,
.home-cta-copy h2{
    margin-top:16px;
    font-size:clamp(2.6rem, 5vw, 4.4rem);
    line-height:0.96;
    letter-spacing:-0.05em;
    color:#0f1113;
}

.home-architecture-grid{
    display:grid;
    grid-template-columns:1.08fr 0.92fr 0.8fr;
    gap:22px;
    margin-top:44px;
}

.home-architecture-block{
    min-height:280px;
    padding:28px;
    border-radius:28px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.home-architecture-block span{
    margin-bottom:auto;
    font-size:12px;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.home-architecture-block h3{
    font-size:28px;
    line-height:1.05;
    letter-spacing:-0.03em;
    margin-bottom:10px;
}

.home-architecture-block p{
    max-width:300px;
    line-height:1.75;
    font-size:15px;
}

.home-architecture-block.tone-light{
    background:#f1ede5;
    color:#0f1113;
}

.home-architecture-block.tone-light span{
    color:rgba(15,17,19,0.4);
}

.home-architecture-block.tone-dark{
    background:#0d0e10;
    color:#f6f3ec;
}

.home-architecture-block.tone-dark span{
    color:rgba(246,243,236,0.38);
}

.home-architecture-block.tone-dark p{
    color:rgba(246,243,236,0.68);
}

.home-architecture-block.tone-sand{
    background:#d8c2a0;
    color:#0f1113;
}

.home-architecture-block.tone-sand span{
    color:rgba(15,17,19,0.45);
}

.home-ledger-v2{
    padding:96px 0;
    display:grid;
    grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap:44px;
}

.home-ledger-intro{
    padding-right:24px;
}

.home-ledger-intro p{
    margin-top:18px;
    max-width:420px;
    color:var(--muted);
    line-height:1.8;
}

.home-ledger-rows{
    border-top:1px solid rgba(15,17,19,0.1);
}

.home-ledger-row{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:24px;
    padding:24px 0;
    border-bottom:1px solid rgba(15,17,19,0.1);
}

.home-ledger-row strong{
    font-size:19px;
    letter-spacing:-0.02em;
    color:#0f1113;
}

.home-ledger-row p{
    color:var(--muted);
    line-height:1.8;
}

.home-timeline-v2{
    padding:96px 0 112px;
}

.home-timeline-copy{
    display:grid;
    grid-template-columns:minmax(0, 0.8fr) minmax(0, 0.8fr);
    gap:24px;
    align-items:end;
}

.home-timeline-copy p{
    max-width:480px;
    justify-self:end;
    color:var(--muted);
    line-height:1.8;
}

.home-timeline-list{
    margin-top:42px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:22px;
}

.home-timeline-list article{
    padding-top:18px;
    border-top:1px solid rgba(15,17,19,0.1);
}

.home-timeline-list span{
    display:inline-block;
    margin-bottom:18px;
    font-size:12px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--accent);
}

.home-timeline-list h3{
    font-size:24px;
    line-height:1.12;
    letter-spacing:-0.03em;
    margin-bottom:10px;
    color:#0f1113;
}

.home-timeline-list p{
    color:var(--muted);
    line-height:1.75;
}

.home-cta-band{
    padding:56px 0 112px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:28px;
    align-items:end;
    border-top:1px solid rgba(15,17,19,0.08);
}

.home-cta-copy p{
    margin-top:16px;
    max-width:440px;
    color:var(--muted);
    line-height:1.8;
}

.home-cta-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:160px;
    padding:14px 22px;
    border-radius:999px;
    border:1px solid rgba(249,245,237,0.2);
    transition:transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.button.primary{
    background:#ffffff;
    color:#0f1113;
    border-color:rgba(15,17,19,0.06);
    font-weight:600;
}

.button.secondary{
    background:rgba(255,255,255,0.02);
    color:#fff8ea;
    border-color:rgba(255,255,255,0.14);
    font-weight:500;
}

.button.secondary.dark{
    background:rgba(255,255,255,0.7);
    border-color:rgba(15,17,19,0.1);
    color:var(--forest);
}

.button:hover{
    transform:translateY(-2px);
}

.hero-panel,
.panel,
.card,
.feature-panel,
.timeline,
.timeline-card,
.contact-card,
.mini-card{
    border-radius:var(--radius);
    border:1px solid var(--line);
    box-shadow:var(--shadow);
}

.hero-panel{
    justify-self:end;
    width:min(100%,350px);
    padding:24px;
    background:rgba(255,255,255,0.06);
    border-color:rgba(255,255,255,0.12);
    backdrop-filter:blur(18px);
}

.hero-panel h2{
    font-size:12px;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:rgba(249,245,237,0.76);
    margin-bottom:18px;
}

.hero-panel ul,
.facts,
.story-list,
.detail-list{
    list-style:none;
}

.hero-panel li{
    padding-bottom:18px;
    margin-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,0.14);
}

.hero-panel li:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none;
}

.hero-panel strong{
    display:block;
    margin-bottom:6px;
    font-size:17px;
    color:#fff9ef;
}

.hero-panel span{
    color:rgba(249,245,237,0.78);
    line-height:1.7;
    font-size:13px;
}

.section{
    padding:124px 6vw;
}

.section-soft{
    background:#efe5d8;
}

.section-alt{
    background:#faf5ed;
}

.section-dark{
    background:#0a0a0a;
    color:#f4efe7;
}

.section-dark .section-header h2,
.section-dark .card h3,
.section-dark .panel h3,
.section-dark .feature-panel h3,
.section-dark .timeline h3,
.section-dark .mini-card h3,
.section-dark .fact strong,
.section-dark .timeline strong,
.section-dark .story-list strong{
    color:#f6f1e8;
}

.section-dark .section-header p,
.section-dark .card p,
.section-dark .panel p,
.section-dark .feature-panel p,
.section-dark .timeline p,
.section-dark .mini-card p,
.section-dark .fact p,
.section-dark .timeline li,
.section-dark .story-list li{
    color:rgba(244,239,231,0.72);
}

.section-dark .card,
.section-dark .panel,
.section-dark .mini-card,
.section-dark .feature-panel,
.section-dark .timeline,
.section-dark .timeline-card,
.section-dark .contact-card{
    background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
    border-color:rgba(255,255,255,0.08);
    box-shadow:none;
}

.grid{
    display:grid;
}

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

.three-col{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.section-tight{
    padding-top:96px;
    padding-bottom:96px;
}

.section-header{
    display:grid;
    grid-template-columns:minmax(0, 0.62fr) minmax(320px, 0.38fr);
    gap:34px;
    align-items:end;
    margin-bottom:34px;
}

.section-header h2{
    font-family:var(--font-serif);
    font-size:clamp(2.15rem, 4vw, 3.15rem);
    line-height:1.08;
    letter-spacing:-0.04em;
    color:#111315;
    text-wrap:balance;
}

.section-header p{
    max-width:460px;
    color:rgba(15,17,19,0.64);
    font-size:16px;
    line-height:1.82;
    text-wrap:pretty;
}

.card,
.panel,
.feature-panel,
.timeline,
.timeline-card,
.mini-card{
    padding:34px 36px;
    background:#ffffff;
}

.facts,
.story-list,
.detail-list{
    display:grid;
    gap:22px;
}

.fact{
    padding-top:18px;
    border-top:1px solid rgba(15,17,19,0.08);
}

.fact:first-child{
    padding-top:0;
    border-top:none;
}

.fact strong{
    display:block;
    color:#111315;
    font-size:16px;
    font-weight:600;
}

.fact p{
    margin-top:8px;
    color:rgba(15,17,19,0.64);
    line-height:1.78;
}

.story-list li{
    padding-top:18px;
    border-top:1px solid rgba(15,17,19,0.08);
    color:rgba(15,17,19,0.64);
    line-height:1.82;
}

.story-list li:first-child{
    padding-top:0;
    border-top:none;
}

.story-list strong{
    display:inline-block;
    margin-right:10px;
    color:#111315;
}

.clean-triad{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.clean-item{
    padding-top:24px;
    border-top:1px solid rgba(15,17,19,0.08);
}

.clean-item span{
    display:block;
    margin-bottom:12px;
    color:rgba(15,17,19,0.42);
    font-size:11px;
    letter-spacing:0.16em;
}

.clean-item h3{
    font-family:var(--font-serif);
    font-size:28px;
    line-height:1.12;
    letter-spacing:-0.03em;
    color:#211913;
}

.clean-item p{
    margin-top:12px;
    color:rgba(33,25,19,0.64);
    line-height:1.8;
}

.section-label{
    display:inline-flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:rgba(33,25,19,0.46);
}

.section-label::after{
    content:"";
    width:54px;
    height:1px;
    background:rgba(33,25,19,0.24);
}

.product-overview-grid{
    margin-top:34px;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:clamp(28px, 3.2vw, 42px);
}

.product-card{
    display:grid;
    gap:0;
    align-content:start;
}

.product-card-media{
    display:block;
    aspect-ratio:1.08 / 1;
    padding:clamp(28px, 4vw, 46px);
    border-radius:30px;
    border:1px solid rgba(15,17,19,0.06);
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,0.92), rgba(255,255,255,0) 36%),
        linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
    overflow:hidden;
}

.product-card-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
}

.product-card-copy{
    display:grid;
    gap:14px;
    padding-top:18px;
}

.product-card-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-top:18px;
    border-top:1px solid rgba(15,17,19,0.1);
}

.product-card-index,
.product-card-kicker{
    font-size:11px;
    letter-spacing:0.16em;
    color:rgba(15,17,19,0.42);
}

.product-card h3{
    font-family:var(--font-serif);
    font-size:clamp(2rem, 2.8vw, 2.7rem);
    line-height:1.02;
    letter-spacing:-0.045em;
    color:#111315;
}

.product-card h3 a{
    color:inherit;
}

.product-card p{
    max-width:34ch;
    color:rgba(15,17,19,0.62);
    line-height:1.82;
}

.product-card-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding-top:4px;
    color:#111315;
    font-size:14px;
    font-weight:500;
    letter-spacing:0.02em;
}

.product-card-link::after{
    content:"";
    width:28px;
    height:1px;
    background:currentColor;
    opacity:0.5;
}

.product-hero{
    padding:clamp(76px, 9vw, 116px) 6vw 0;
}

.product-hero-shell{
    width:min(1320px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap:clamp(32px, 5vw, 88px);
    align-items:center;
}

.product-back-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:28px;
    color:rgba(15,17,19,0.54);
    font-size:13px;
    letter-spacing:0.08em;
}

.product-back-link::before{
    content:"";
    width:30px;
    height:1px;
    background:currentColor;
    opacity:0.46;
}

.product-hero-copy h1{
    margin-top:10px;
    font-family:var(--font-serif);
    font-size:clamp(3.2rem, 5.8vw, 6.4rem);
    line-height:0.96;
    letter-spacing:-0.06em;
    color:#111315;
}

.product-hero-summary{
    margin-top:22px;
    max-width:38ch;
    color:rgba(15,17,19,0.66);
    font-size:17px;
    line-height:1.9;
}

.product-fact-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px;
    margin-top:32px;
}

.product-fact{
    display:grid;
    gap:10px;
    align-content:start;
    padding-top:18px;
    border-top:1px solid rgba(15,17,19,0.1);
}

.product-fact span{
    font-size:11px;
    letter-spacing:0.16em;
    color:rgba(15,17,19,0.42);
}

.product-fact strong{
    font-size:16px;
    line-height:1.72;
    font-weight:500;
    color:#111315;
}

.product-hero-media{
    padding:clamp(34px, 4.2vw, 54px);
    border-radius:34px;
    border:1px solid rgba(15,17,19,0.06);
    background:
        radial-gradient(circle at 82% 14%, rgba(255,255,255,0.84), rgba(255,255,255,0) 28%),
        linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}

.product-hero-media img{
    width:100%;
    height:min(34vw, 560px);
    object-fit:contain;
    display:block;
}

.product-story-grid{
    width:min(1320px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.product-story-card{
    display:grid;
    align-content:start;
    gap:14px;
    min-height:260px;
    padding:28px 28px 30px;
    border-radius:28px;
    border:1px solid rgba(15,17,19,0.08);
    background:#ffffff;
}

.product-story-card p{
    color:rgba(15,17,19,0.62);
    line-height:1.82;
}

.product-related-section{
    padding-top:0;
}

.product-overview-grid-compact{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.product-overview-grid-compact .product-card h3{
    font-size:clamp(1.7rem, 2.3vw, 2.15rem);
}

html[lang="zh-CN"] .product-card h3,
html[lang="zh-CN"] .product-hero-copy h1{
    font-family:var(--font-sans);
    letter-spacing:-0.075em;
}

html[lang="zh-CN"] .product-card-kicker,
html[lang="zh-CN"] .product-card-index,
html[lang="zh-CN"] .product-fact span,
html[lang="zh-CN"] .product-back-link{
    letter-spacing:0.08em;
}

.product-system{
    margin-top:32px;
}

.product-catalog{
    display:grid;
    gap:48px;
}

.product-group{
    padding-top:36px;
    border-top:1px solid rgba(15,17,19,0.1);
}

.product-group:first-child{
    padding-top:0;
    border-top:none;
}

.product-group-head{
    display:grid;
    grid-template-columns:minmax(190px, 0.3fr) minmax(0, 1fr);
    gap:34px;
    align-items:end;
    margin-bottom:16px;
}

.product-group-meta{
    display:grid;
    gap:10px;
    align-content:start;
}

.product-group-copy h3{
    font-family:var(--font-serif);
    font-size:clamp(2rem, 2.8vw, 2.65rem);
    line-height:1.08;
    letter-spacing:-0.04em;
    color:#111315;
}

.product-group-index{
    font-family:var(--font-serif);
    font-size:48px;
    line-height:0.94;
    letter-spacing:-0.04em;
    color:#111315;
}

.product-group-kicker{
    font-size:11px;
    letter-spacing:0.16em;
    color:rgba(15,17,19,0.42);
}

.product-entry{
    display:grid;
    grid-template-columns:minmax(230px, 0.34fr) minmax(0, 1fr);
    gap:24px;
    padding:22px 0;
    border-top:1px solid rgba(15,17,19,0.08);
}

.product-entry:first-of-type{
    border-top:1px solid rgba(15,17,19,0.1);
}

.product-entry-head{
    display:grid;
    grid-template-columns:40px 1fr;
    gap:14px;
    align-items:start;
}

.product-entry-index{
    display:inline-block;
    padding-top:4px;
    font-size:11px;
    letter-spacing:0.14em;
    color:rgba(15,17,19,0.42);
}

.product-entry h4{
    font-family:var(--font-serif);
    font-size:28px;
    line-height:1.12;
    letter-spacing:-0.03em;
    color:#111315;
}

.product-entry > p{
    max-width:720px;
    color:rgba(15,17,19,0.64);
    font-size:16px;
    line-height:1.82;
}

.section-header-contact{
    grid-template-columns:minmax(0, 0.58fr) minmax(280px, 0.42fr);
    gap:24px;
    align-items:start;
    margin-bottom:24px;
}

.section-header-contact h2{
    font-family:var(--font-sans);
    font-size:clamp(2.45rem, 4.4vw, 3.3rem);
    line-height:1.02;
    letter-spacing:-0.05em;
}

.section-header-contact p{
    max-width:440px;
    color:rgba(15,17,19,0.58);
    font-size:15px;
    line-height:1.72;
}

.contact-hub{
    padding-top:18px;
    border-top:1px solid rgba(15,17,19,0.09);
}

.contact-desk{
    display:grid;
    gap:0;
}

.contact-desk-main{
    max-width:800px;
}

.contact-kicker{
    display:inline-block;
    margin-bottom:10px;
    font-size:12px;
    letter-spacing:0.08em;
    font-weight:500;
    text-transform:none;
    color:rgba(15,17,19,0.46);
}

.contact-desk-main h3{
    font-family:var(--font-sans);
    font-size:clamp(1.56rem, 2.45vw, 2rem);
    font-weight:500;
    line-height:1.18;
    letter-spacing:-0.04em;
    color:#111315;
    text-wrap:balance;
}

.contact-desk-main p{
    margin-top:10px;
    max-width:660px;
    color:rgba(15,17,19,0.62);
    font-size:16px;
    line-height:1.82;
    text-wrap:pretty;
}

.contact-directory{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:20px;
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid rgba(15,17,19,0.08);
}

.contact-channel{
    display:grid;
    gap:6px;
    align-content:start;
}

.contact-channel span{
    font-size:12px;
    font-weight:500;
    letter-spacing:0.08em;
    text-transform:none;
    color:rgba(15,17,19,0.46);
}

.contact-channel strong{
    font-family:var(--font-sans);
    font-size:18px;
    font-weight:500;
    line-height:1.56;
    color:#111315;
    overflow-wrap:anywhere;
}

.contact-guidance{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:18px;
    max-width:840px;
}

.contact-guidance .section-label{
    flex:0 0 auto;
    min-width:84px;
    margin:0;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.08em;
    color:rgba(15,17,19,0.46);
}

.contact-guidance p{
    margin:0;
    color:rgba(15,17,19,0.62);
    line-height:1.7;
    font-size:15px;
    text-wrap:pretty;
}

.contact-cta-row{
    margin-top:22px;
    display:flex;
    align-items:flex-start;
}

.contact-cta-row .button{
    min-width:168px;
    border-radius:14px;
    padding:14px 18px;
    box-shadow:none;
}

.contact-cta-row .button.primary{
    background:#111315;
    border-color:#111315;
    color:#f7f3ea;
}

.contact-cta-row .button.primary:hover,
.contact-cta-row .button.primary:focus-visible{
    background:#1b1e22;
    border-color:#1b1e22;
}

.inquiry-card{
    margin-top:22px;
    padding:28px 30px;
    border-radius:var(--radius);
    border:1px solid var(--line);
    background:#ffffff;
    box-shadow:var(--shadow);
}

.inquiry-card[hidden]{
    display:none;
}

.inquiry-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
}

.inquiry-head strong{
    display:block;
    margin-bottom:6px;
    color:#111315;
    font-family:var(--font-sans);
    font-size:22px;
    font-weight:600;
    letter-spacing:-0.03em;
}

.inquiry-head p,
.inquiry-note{
    color:rgba(15,17,19,0.62);
    font-size:14px;
    line-height:1.75;
    text-wrap:pretty;
}

.inquiry-form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px 20px;
}

.inquiry-form label{
    display:grid;
    gap:8px;
}

.inquiry-form label span{
    color:rgba(15,17,19,0.72);
    font-size:13px;
    font-weight:600;
    letter-spacing:0.02em;
}

.inquiry-form input,
.inquiry-form textarea{
    width:100%;
    padding:14px 16px;
    border:1px solid rgba(19,21,24,0.12);
    border-radius:18px;
    background:#ffffff;
    color:var(--ink);
    font:inherit;
    outline:none;
    transition:border-color 0.2s ease, box-shadow 0.2s ease;
}

.inquiry-form input:focus,
.inquiry-form textarea:focus{
    border-color:rgba(19,21,24,0.28);
    box-shadow:0 0 0 4px rgba(15,17,19,0.08);
}

.inquiry-form textarea{
    resize:vertical;
    min-height:140px;
}

.inquiry-form .full{
    grid-column:1 / -1;
}

.inquiry-actions{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.button-submit{
    cursor:pointer;
}

.inquiry-feedback{
    color:var(--muted);
    font-size:14px;
}

.footer{
    position:relative;
    padding:72px 6vw 78px;
    background:linear-gradient(180deg, #1d4036 0%, #17332b 100%);
    color:rgba(243,248,242,0.74);
    overflow:hidden;
    isolation:isolate;
}

.footer::before{
    content:"";
    position:absolute;
    top:0;
    left:6vw;
    right:6vw;
    height:1px;
    background:rgba(243,248,242,0.14);
}

.footer::after{
    display:none;
}

.footer-shell{
    position:relative;
    z-index:1;
    width:min(1320px, 100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0, 1.22fr) minmax(180px, 0.4fr) minmax(280px, 0.62fr);
    gap:clamp(32px, 4vw, 72px);
    align-items:start;
}

.footer-brand{
    max-width:760px;
    display:grid;
    gap:18px;
    padding-right:clamp(0px, 3vw, 36px);
}

.footer-kicker{
    display:inline-flex;
    align-items:center;
    gap:18px;
    margin-bottom:0;
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:rgba(211,231,220,0.58);
}

.footer-kicker::after{
    content:"";
    width:72px;
    height:1px;
    background:rgba(211,231,220,0.22);
}

.footer-brand h3{
    max-width:13ch;
    margin-bottom:0;
    font-family:var(--font-serif);
    font-size:clamp(2.8rem, 4.6vw, 4.8rem);
    font-weight:400;
    line-height:1.02;
    letter-spacing:-0.04em;
    color:#f3f8f2;
    text-wrap:balance;
}

.footer-legal{
    max-width:42ch;
    font-size:11px;
    line-height:1.65;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:rgba(211,231,220,0.46);
}

.footer-note{
    max-width:520px;
    font-size:15px;
    line-height:1.88;
    color:rgba(228,241,233,0.68);
    text-wrap:pretty;
}

.footer-column-title{
    display:block;
    margin-bottom:14px;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.16em;
    color:rgba(211,231,220,0.46);
}

.footer-links,
.footer-contact{
    display:grid;
    align-content:start;
    gap:14px;
    padding-top:18px;
    border-top:1px solid rgba(243,248,242,0.12);
}

.footer-links a{
    color:rgba(243,248,242,0.88);
    font-size:15px;
    line-height:1.58;
    transition:color 0.2s ease;
}

.footer-links a:hover,
.footer-links a:focus-visible{
    color:#f7fcf6;
}

.footer-contact{
    padding-left:0;
    border-left:none;
}

.footer-contact-item{
    display:grid;
    gap:8px;
    padding:0 0 18px;
    border-bottom:1px solid rgba(243,248,242,0.08);
}

.footer-contact-item:last-child{
    padding-bottom:0;
    border-bottom:none;
}

.footer-contact-item span{
    font-size:11px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:rgba(211,231,220,0.44);
}

.footer-contact-item strong{
    font-size:16px;
    line-height:1.66;
    color:#f7fcf6;
    font-weight:500;
    overflow-wrap:anywhere;
}

.footer-contact a{
    transition:color 0.2s ease;
}

.footer-contact a:hover strong,
.footer-contact a:focus-visible strong{
    color:#fff8ec;
}

html[lang="zh-CN"] .footer-kicker{
    text-transform:none;
    letter-spacing:0.08em;
    color:rgba(198,212,231,0.68);
}

html[lang="zh-CN"] .footer-brand h3{
    max-width:10ch;
    font-family:var(--font-sans);
    font-size:clamp(2.6rem, 4.8vw, 4.6rem);
    line-height:1.06;
    letter-spacing:-0.065em;
    color:#f3f8ff;
}

html[lang="zh-CN"] .footer-legal{
    text-transform:none;
    letter-spacing:0.06em;
    font-size:13px;
    color:rgba(198,212,231,0.54);
}

html[lang="zh-CN"] .footer-note{
    max-width:560px;
    line-height:1.9;
    color:rgba(218,228,242,0.62);
}

html[lang="zh-CN"] .footer-column-title,
html[lang="zh-CN"] .footer-contact-item span{
    text-transform:none;
    letter-spacing:0.08em;
}

@media (max-width: 1080px){
    .hero-home,
    .split,
    .home-ledger,
    .home-hero-shell,
    .home-hero-v3-inner,
    .page-intro-grid,
    .page-dark-band-grid,
    .home-architecture-grid,
    .home-ledger-v2,
    .home-timeline-copy,
    .section-header,
    .stats-grid,
    .three-col,
    .two-col,
    .product-system,
    .home-summary-grid,
    .home-news-grid,
    .home-timeline-list,
    .home-cta-band,
    .product-hero-shell,
    .product-story-grid{
        grid-template-columns:1fr;
    }

    .ledger-row{
        grid-template-columns:1fr;
        gap:8px;
    }

    .section-header{
        display:grid;
        align-items:start;
    }

    .clean-triad{
        grid-template-columns:1fr;
    }

    .hero-panel{
        justify-self:start;
    }

    .stat{
        border-left:none;
        border-top:1px solid rgba(248,243,232,0.16);
    }

    .stat:first-child{
        border-top:none;
    }

    .product-group-head{
        grid-template-columns:1fr;
        gap:14px;
        align-items:start;
    }

    .product-group-meta{
        gap:10px;
    }

    .product-group-copy{
        padding-top:16px;
    }

    .briefing-frame{
        grid-template-columns:1fr;
        gap:24px;
    }

    .briefing-intro{
        padding-right:0;
    }

    .contact-card{
        grid-template-columns:1fr;
        align-items:flex-start;
    }

    .contact-meta{
        width:100%;
        padding:0;
    }

    .product-entry{
        grid-template-columns:1fr;
        gap:10px;
    }

    .product-entry-head{
        grid-template-columns:36px 1fr;
        gap:12px;
    }

    .product-overview-grid,
    .product-overview-grid-compact,
    .product-fact-grid{
        grid-template-columns:1fr;
    }

    .product-hero-media img{
        height:auto;
        max-height:480px;
    }
}

@media (max-width: 720px){
    .product-card-media{
        padding:24px;
        border-radius:24px;
    }

    .product-card-copy{
        gap:12px;
        padding-top:16px;
    }

    .product-card h3{
        font-size:clamp(1.7rem, 10vw, 2.3rem);
    }

    .product-card p{
        max-width:none;
        font-size:15px;
        line-height:1.76;
    }

    .product-hero{
        padding-top:64px;
    }

    .product-hero-copy h1{
        font-size:clamp(2.6rem, 16vw, 4rem);
        line-height:0.98;
    }

    .product-hero-summary{
        font-size:15px;
        line-height:1.78;
    }

    .product-story-card{
        min-height:0;
        padding:24px;
        border-radius:24px;
    }
}


@media (max-width: 1180px){
    .navbar{
        position:sticky;
        top:0;
        gap:18px;
        padding:18px 22px;
        align-items:center;
        flex-wrap:wrap;
        max-height:none;
        overflow:visible;
    }

    .home-page .navbar{
        position:absolute;
        top:0;
        left:0;
        right:0;
        background:transparent;
        border-bottom:none;
    }

    .home-page.nav-panel-open .navbar{
        background:#050607;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    .brand-wordmark{
        width:auto;
        max-width:calc(100% - 150px);
        gap:10px;
    }

    .wordmark-box{
        min-width:0;
        min-height:auto;
        padding:8px 14px 9px;
    }

    .wordmark-box strong{
        font-size:24px;
    }

    .wordmark-box small,
    .brand-subtext{
        display:none;
    }

    .nav-toggle{
        display:inline-flex;
    }

    .nav-actions{
        margin-left:auto;
    }

    .lang-toggle{
        min-height:44px;
        padding:0 13px;
        border-radius:15px;
        font-size:13px;
        letter-spacing:0.08em;
    }

    .lang-menu{
        right:0;
        min-width:150px;
    }

    .page-light .nav-toggle{
        color:#0f1113;
    }

    .page-light .nav-toggle:focus-visible{
        outline-color:rgba(15,17,19,0.26);
    }

    .menu{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        z-index:2;
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        padding:10px 22px 24px;
        background:#050607;
        border-top:1px solid rgba(255,255,255,0.08);
        box-shadow:0 26px 72px rgba(0,0,0,0.34);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-14px);
        transition:opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
        max-height:calc(100vh - 84px);
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-width:none;
    }

    .menu::-webkit-scrollbar{
        display:none;
    }

    body.nav-panel-open .menu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }

    .page-light .menu{
        background:#050607;
        border-top:1px solid rgba(255,255,255,0.08);
    }

    .page-light.nav-panel-open .navbar{
        background:#050607;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    .page-light.nav-panel-open .wordmark-box{
        background:transparent;
        border-color:rgba(255,255,255,0.72);
        color:#ffffff;
    }

    .page-light.nav-panel-open .nav-toggle{
        color:#ffffff;
    }

    .menu > * + *,
    .page-light .menu > * + *{
        border-top:1px solid rgba(255,255,255,0.14);
    }

    .menu > a,
    .nav-item,
    .nav-item > a,
    .nav-item > .nav-trigger{
        width:100%;
    }

    .menu > a,
    .nav-item > a,
    .nav-item > .nav-trigger,
    .nav-utility,
    .page-light .menu > a,
    .page-light .nav-item > a,
    .page-light .nav-item > .nav-trigger,
    .page-light .nav-utility{
        min-height:64px;
        padding:18px 0;
        justify-content:space-between;
        color:rgba(255,255,255,0.96);
        font-size:18px;
        line-height:1.3;
        font-weight:500;
    }

    .menu a.active,
    .nav-trigger.active,
    .page-light .menu a.active,
    .page-light .nav-trigger.active{
        color:#ffffff;
    }

    .menu > a:not(.cta-link)::before,
    .nav-item.has-dropdown > .nav-trigger > span:first-child::after,
    .page-light .menu > a:not(.cta-link)::before{
        display:none;
    }

    .menu-obsidian::after,
    .nav-dropdown::before,
    .nav-dropdown::after,
    .home-page .menu-obsidian::after,
    .home-page .nav-dropdown::before,
    .home-page .nav-dropdown::after{
        display:none;
    }

    .nav-item.has-dropdown > .nav-trigger,
    .page-light .nav-item.has-dropdown > .nav-trigger{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
    }

    .nav-caret,
    .page-light .nav-caret{
        width:12px;
        height:12px;
        border-color:#ffffff;
        transform:translateY(-1px) rotate(45deg);
    }

    .nav-item.open .nav-caret,
    .page-light .nav-item.open .nav-caret{
        transform:translateY(2px) rotate(-135deg);
    }

    .nav-item:hover .nav-dropdown,
    .nav-item:focus-within .nav-dropdown,
    .page-light .nav-item:hover .nav-dropdown,
    .page-light .nav-item:focus-within .nav-dropdown,
    .home-page .nav-item:hover .nav-dropdown,
    .home-page .nav-item:focus-within .nav-dropdown{
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .nav-dropdown,
    .page-light .nav-dropdown,
    .home-page .nav-dropdown{
        position:static;
        left:auto;
        right:auto;
        top:auto;
        display:none;
        margin-top:0;
        padding:0;
        background:transparent;
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .nav-item.open .nav-dropdown,
    .page-light .nav-item.open .nav-dropdown,
    .home-page .nav-item.open .nav-dropdown{
        display:block;
        opacity:1;
        visibility:visible;
    }

    .nav-dropdown-col,
    .page-light .nav-dropdown-col,
    .home-page .nav-dropdown-col,
    .nav-dropdown-col-products{
        display:block;
        max-width:none;
        padding:2px 0 14px 18px;
        border-top:none;
    }

    .nav-dropdown-col strong,
    .page-light .nav-dropdown-col strong,
    .home-page .nav-dropdown-col strong{
        display:none;
    }

    .nav-dropdown-col a,
    .page-light .nav-dropdown-col a,
    .home-page .nav-dropdown-col a{
        display:block;
        width:100%;
        margin-top:0;
        padding:10px 0;
        color:rgba(255,255,255,0.72);
        font-family:var(--font-sans);
        font-size:15px;
        font-weight:400;
        line-height:1.55;
        letter-spacing:0;
    }

    .nav-dropdown-col a::after,
    .page-light .nav-dropdown-col a::after,
    .home-page .nav-dropdown-col a::after{
        display:none;
    }

    .nav-utility,
    .page-light .nav-utility,
    .home-page .nav-utility{
        display:flex;
        width:100%;
        margin-left:0;
        padding:18px 0 0;
        min-height:0;
        justify-content:flex-start;
        border:none;
        border-radius:0;
        background:transparent;
        transform:none;
    }

    .nav-utility:hover,
    .nav-utility:focus-visible,
    .page-light .nav-utility:hover,
    .page-light .nav-utility:focus-visible,
    .home-page .nav-utility:hover,
    .home-page .nav-utility:focus-visible{
        background:transparent;
        border-color:transparent;
        transform:none;
    }

    .home-page .home-hero-v3{
        min-height:auto;
        padding-top:132px;
        padding-bottom:92px;
    }
}

@media (max-width: 920px){
    .navbar{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
        padding-top:18px;
        padding-bottom:16px;
    }

    .brand-wordmark{
        width:calc(100% - 150px);
        gap:10px;
    }

    .nav-actions{
        position:absolute;
        top:18px;
        right:22px;
    }

    .wordmark-box{
        min-width:0;
        min-height:auto;
        padding:8px 14px 9px;
    }

    .wordmark-box strong{
        font-size:24px;
    }

    .wordmark-box small{
        display:none;
    }

    .brand-subtext{
        font-size:11px;
        letter-spacing:0.05em;
    }

    .menu{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        font-size:15px;
        flex-wrap:nowrap;
    }

    .page-light .menu > * + *{
        border-top:1px solid rgba(15,17,19,0.08);
    }

    .menu > a,
    .nav-item,
    .nav-item > a,
    .nav-item > .nav-trigger{
        width:100%;
    }

    .menu > a,
    .nav-item > a,
    .nav-item > .nav-trigger,
    .nav-utility{
        min-height:56px;
        padding:16px 0;
    }

    .nav-item.has-dropdown > .nav-trigger{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .menu > a:not(.cta-link)::before,
    .nav-item.has-dropdown > .nav-trigger > span:first-child::after{
        display:none;
    }

    .nav-dropdown-col{
        padding:8px 0 6px 18px;
    }

    .nav-utility{
        display:flex;
        width:100%;
        margin-left:0;
        justify-content:flex-start;
        padding:16px 0;
        border:none;
        border-radius:0;
        background:transparent;
        transform:none;
    }

    .page-light .nav-utility{
        background:transparent;
    }
}

@media (max-width: 1180px){
    .home-page .navbar{
        position:relative;
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
        padding-top:18px;
        padding-bottom:16px;
        background:#050607;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    .home-page .brand-wordmark{
        width:calc(100% - 150px);
        gap:10px;
    }

    .home-page .menu{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        font-size:14px;
    }

    .home-page .menu > * + *{
        border-top:1px solid rgba(255,255,255,0.12);
    }

    .home-page .menu > a,
    .home-page .nav-item,
    .home-page .nav-item > a,
    .home-page .nav-item > .nav-trigger{
        width:100%;
    }

    .home-page .menu > a,
    .home-page .nav-item > a,
    .home-page .nav-item > .nav-trigger,
    .home-page .nav-utility{
        min-height:56px;
        padding:16px 0;
    }

    .home-page .nav-item.has-dropdown > .nav-trigger{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .home-page .menu > a:not(.cta-link)::before,
    .home-page .nav-item.has-dropdown > .nav-trigger > span:first-child::after{
        display:none;
    }

    .home-page .menu-obsidian::after,
    .home-page .nav-dropdown::before,
    .home-page .nav-dropdown::after{
        display:none;
    }

    .home-page .nav-item:hover .nav-dropdown,
    .home-page .nav-item:focus-within .nav-dropdown{
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .home-page .nav-dropdown{
        position:static;
        left:auto;
        right:auto;
        top:auto;
        display:none;
        margin-top:2px;
        padding:10px 0 2px;
        background:transparent;
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .home-page .nav-item.open .nav-dropdown{
        display:block;
        opacity:1;
        visibility:visible;
    }

    .home-page .nav-dropdown-col{
        padding:8px 0 6px 18px;
    }

    .home-page .nav-dropdown-col strong{
        margin-bottom:8px;
    }

    .home-page .nav-dropdown-col a{
        margin-top:12px;
        font-size:14px;
        line-height:1.42;
    }

    .home-page .nav-utility{
        display:flex;
        width:100%;
        margin-left:0;
        justify-content:flex-start;
        padding:16px 0;
        border:none;
        border-radius:0;
        background:transparent;
        transform:none;
    }

    .home-page .home-hero-v3{
        min-height:auto;
        padding-top:96px;
        padding-bottom:92px;
    }

    .home-page .home-hero-v3-inner{
        gap:34px;
        padding-top:8px;
    }
}

@media (max-width: 760px){
    .navbar{
        gap:14px;
        padding-top:16px;
        padding-bottom:14px;
        max-height:100vh;
        max-height:100dvh;
        overflow:visible;
    }

    .topbar,
    .navbar,
    .hero,
    .section,
    .footer{
        padding-left:22px;
        padding-right:22px;
    }

    .topbar,
    .navbar,
    .footer-grid,
    .contact-card,
    .inquiry-head,
    .home-cta,
    .home-cta-actions{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-grid,
    .footer-meta{
        grid-template-columns:1fr;
    }

    .menu{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        font-size:14px;
        flex:1 1 auto;
        min-height:0;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding-bottom:max(14px, env(safe-area-inset-bottom));
        flex-wrap:nowrap;
    }

    .page-light .menu > * + *{
        border-top:1px solid rgba(15,17,19,0.08);
    }

    .menu > a,
    .nav-item,
    .nav-item > a,
    .nav-item > .nav-trigger{
        width:100%;
    }

    .menu > a,
    .nav-item > a,
    .nav-item > .nav-trigger,
    .nav-utility{
        min-height:56px;
        padding:16px 0;
    }

    .nav-item.has-dropdown > .nav-trigger{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .menu > a:not(.cta-link)::before,
    .nav-item.has-dropdown > .nav-trigger > span:first-child::after{
        display:none;
    }

    .menu-obsidian::after,
    .nav-dropdown::before,
    .nav-dropdown::after{
        display:none;
    }

    .nav-item:hover .nav-dropdown,
    .nav-item:focus-within .nav-dropdown,
    .page-light .nav-item:hover .nav-dropdown,
    .page-light .nav-item:focus-within .nav-dropdown{
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .nav-dropdown,
    .page-light .nav-dropdown{
        position:static;
        left:auto;
        right:auto;
        top:auto;
        display:none;
        margin-top:2px;
        padding:10px 0 2px;
        background:transparent;
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .nav-item.open .nav-dropdown,
    .page-light .nav-item.open .nav-dropdown{
        display:block;
        opacity:1;
        visibility:visible;
    }

    .nav-dropdown-col{
        padding:8px 0 6px 18px;
    }

    .nav-dropdown-col strong{
        margin-bottom:8px;
    }

    .nav-dropdown-col a,
    .page-light .nav-dropdown-col a{
        margin-top:12px;
        font-size:14px;
        line-height:1.42;
    }

    .nav-utility{
        display:flex;
        width:100%;
        margin-left:0;
        justify-content:flex-start;
        padding:16px 0;
        border:none;
        border-radius:0;
        background:transparent;
        transform:none;
    }

    .page-light .nav-utility{
        background:transparent;
    }

    .brand-wordmark{
        width:100%;
        gap:10px;
    }

    .wordmark-box{
        min-width:0;
        min-height:auto;
        padding:8px 14px 9px;
    }

    .wordmark-box strong{
        font-size:24px;
    }

    .wordmark-box small{
        display:none;
    }

    .brand-subtext{
        font-size:11px;
        letter-spacing:0.05em;
    }

    .cta-link{
        width:100%;
        text-align:center;
    }

    .hero-home{
        min-height:auto;
        padding-top:54px;
    }

    .hero-page{
        min-height:360px;
    }

    .home-hero-v2{
        min-height:auto;
        padding:44px 22px 56px;
    }

    .home-hero-v3{
        min-height:auto;
        padding:108px 22px 84px;
    }

    .page-intro{
        padding-left:22px;
        padding-right:22px;
    }

    .page-intro-grid{
        padding-top:24px;
        gap:24px;
    }

    .page-intro-copy h1{
        font-size:clamp(2.8rem, 12vw, 3.8rem);
        line-height:1.02;
    }

    .page-intro-copy p,
    .page-dark-band-grid p{
        font-size:16px;
    }

    .page-intro-copy p{
        padding-top:16px;
    }

    .page-intro-media{
        margin-top:44px;
    }

    .page-intro-image{
        min-height:320px;
        aspect-ratio:16 / 9.2;
        border-radius:0;
    }

    html[lang="zh-CN"] .page-intro{
        padding-bottom:34px;
    }

    html[lang="zh-CN"] .page-intro::before{
        display:none;
    }

    html[lang="zh-CN"] .page-intro-copy h1{
        max-width:none;
        font-size:clamp(2.9rem, 15vw, 4.2rem);
        line-height:1.04;
    }

    .page-dark-band{
        padding:76px 22px 84px;
    }

    .page-dark-band-about .page-dark-band-stack{
        margin-top:26px;
        gap:16px;
    }

    .page-dark-band-about .page-dark-band-stack p{
        padding-top:16px;
        font-size:16px;
    }

    .about-foundation-grid{
        margin-top:36px;
        grid-template-columns:1fr;
        gap:34px;
    }

    .about-timeline-row{
        grid-template-columns:1fr;
        gap:8px;
    }

    .about-plain-shell .section-header,
    .about-profile-shell .section-header{
        margin-bottom:34px;
    }

    .about-profile-shell{
        padding-top:76px;
    }

    .about-profile-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .section-overview-clean{
        padding-top:58px;
    }

    .about-overview-grid{
        gap:34px;
    }

    .about-overview-grid > *::before{
        display:none;
    }

    .about-overview-grid > *:last-child{
        padding-left:0;
        border-left:none;
        padding-top:30px;
        border-top:1px solid rgba(15,17,19,0.08);
    }

    .about-overview-grid .panel h3{
        gap:10px;
        margin-bottom:18px;
        padding-top:0;
        font-size:11px;
        letter-spacing:0.12em;
    }

    .about-overview-grid .fact strong{
        font-size:16px;
    }

    .page-dark-band h2{
        margin-top:28px;
        max-width:100%;
        font-size:clamp(2rem, 9.4vw, 2.9rem);
        line-height:1.06;
    }

    .page-dark-band-grid{
        margin-top:34px;
        gap:24px;
    }

    .home-hero-v3-inner{
        padding-top:22px;
        gap:28px;
    }

    .home-hero-v3 h1{
        font-size:clamp(2.8rem, 14vw, 4rem);
        line-height:0.98;
    }

    .home-facts-band,
    .home-statement-minimal,
    .home-minimal-dark{
        padding-left:22px;
        padding-right:22px;
    }

    .home-facts-grid{
        grid-template-columns:1fr;
    }

    .home-fact{
        padding:20px 20px 18px;
    }

    .home-fact + .home-fact{
        border-left:none;
        border-top:none;
    }

    .home-fact strong{
        font-size:clamp(2.2rem, 12vw, 3.2rem);
        line-height:0.92;
    }

    .home-fact small{
        max-width:none;
    }

    .home-statement-minimal{
        padding-top:78px;
        padding-bottom:32px;
    }

    .home-statement-minimal-head{
        gap:18px;
    }

    .home-statement-minimal h2{
        font-size:clamp(2rem, 11vw, 2.9rem);
        line-height:1.04;
        text-wrap:balance;
    }

    .home-statement-minimal p{
        max-width:none;
    }

    .home-statement-minimal-body{
        justify-self:auto;
    }

    .home-hero-copy h1{
        font-size:clamp(3rem, 20vw, 5rem);
    }

    .home-architecture,
    .home-ledger-v2,
    .home-timeline-v2,
    .home-cta-band{
        padding-left:22px;
        padding-right:22px;
    }

    .hero h1{
        font-size:clamp(2.5rem,14vw,4rem);
    }

    .hero p,
    .section-header p,
    .card p,
    .panel p,
    .mini-card p{
        font-size:15px;
    }

    .section-header h2{
        font-size:clamp(1.8rem, 9vw, 2.4rem);
        line-height:1.08;
    }

    .briefing-header{
        margin-bottom:28px;
    }

    .briefing-note{
        padding:22px 20px 20px;
        border-radius:22px;
    }

    .briefing-note-head{
        grid-template-columns:40px 1fr;
        gap:12px;
    }

    .briefing-note-index{
        font-size:26px;
        padding-top:3px;
    }

    .briefing-note h3{
        font-size:24px;
    }

    .briefing-intro strong{
        font-size:clamp(1.55rem, 9vw, 2rem);
    }

    .card,
    .panel,
    .feature-panel,
    .timeline,
    .timeline-card,
    .hero-panel,
    .mini-card,
    .inquiry-card{
        padding:24px;
    }

    .inquiry-form{
        grid-template-columns:1fr;
    }

    .stats{
        margin-left:22px;
        margin-right:22px;
        padding:24px;
    }

    .button,
    .contact-actions{
        width:100%;
    }

    .contact-actions .button{
        min-height:54px;
        padding:14px 20px;
        border-radius:16px;
        font-size:15px;
    }

    .contact-card{
        padding:24px 0;
    }

    .contact-copy > strong{
        font-size:clamp(1.8rem, 10vw, 2.3rem);
    }

    .contact-meta p{
        grid-template-columns:1fr;
        gap:6px;
    }

    .contact-meta{
        min-width:0;
        width:100%;
        padding-right:0;
    }

    .product-catalog{
        gap:38px;
    }

    .product-group + .product-group{
        padding-top:32px;
    }

    .product-group-head{
        margin-bottom:18px;
    }

    .product-group-index{
        font-size:30px;
    }

    .product-group-kicker{
        max-width:none;
        font-size:10px;
        letter-spacing:0.18em;
    }

    .product-entry{
        padding:18px 0 16px;
    }

    .product-entry:first-of-type{
        padding-top:18px;
    }

    .product-entry-head{
        grid-template-columns:32px 1fr;
        gap:10px;
        align-items:start;
    }

    .product-entry h4{
        font-size:24px;
    }

    .product-entry > p{
        margin-top:0;
        max-width:none;
        font-size:15px;
        line-height:1.78;
    }

    .clean-item{
        padding-top:18px;
    }

    .inquiry-form input,
    .inquiry-form textarea{
        font-size:16px;
    }
}


@media (max-width: 1080px){
    .contact-directory{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:20px 24px;
    }

    .footer-shell{
        grid-template-columns:1fr;
        gap:32px;
    }

    .footer-brand{
        max-width:none;
        padding-right:0;
    }

    .footer-links,
    .footer-contact{
        max-width:420px;
    }

    .footer-contact{
        padding-top:18px;
    }
}

@media (max-width: 760px){
    .page-dark-band-lead{
        margin-top:18px;
        max-width:none;
        font-size:15px;
        line-height:1.74;
    }

    .section-header-contact{
        gap:10px;
        margin-bottom:18px;
    }

    .section-header-contact h2{
        font-size:clamp(2.1rem, 11vw, 2.8rem);
        line-height:1.04;
    }

    .section-header-contact p{
        max-width:none;
        font-size:14px;
        line-height:1.68;
    }

    .contact-hub{
        padding-top:16px;
    }

    .contact-kicker,
    .contact-channel span,
    .contact-guidance .section-label{
        font-size:11px;
        letter-spacing:0.06em;
    }

    .contact-desk-main h3{
        font-size:clamp(1.42rem, 7.6vw, 1.8rem);
        line-height:1.18;
    }

    .contact-desk-main p{
        margin-top:10px;
        max-width:none;
        font-size:15px;
        line-height:1.74;
    }

    .contact-directory{
        grid-template-columns:1fr;
        gap:0;
        margin-top:16px;
        padding-top:16px;
    }

    .contact-channel{
        gap:5px;
        padding:12px 0;
        border-top:1px solid rgba(15,17,19,0.08);
    }

    .contact-channel:first-child{
        padding-top:0;
        border-top:none;
    }

    .contact-channel:last-child{
        padding-bottom:0;
    }

    .contact-channel strong{
        font-size:16px;
        line-height:1.58;
    }

    .contact-guidance{
        display:grid;
        gap:6px;
        max-width:none;
        margin-top:16px;
        padding-top:0;
    }

    .contact-guidance p{
        max-width:none;
        font-size:14px;
        line-height:1.68;
    }

    .contact-cta-row{
        margin-top:18px;
    }

    .contact-cta-row .button{
        width:100%;
        min-width:0;
        min-height:52px;
        border-radius:12px;
    }

    .inquiry-head{
        flex-direction:column;
        gap:12px;
        margin-bottom:18px;
    }

    .inquiry-head strong{
        margin-bottom:6px;
        font-size:22px;
    }

    .inquiry-note,
    .footer-note,
    .section-header p{
        max-width:none;
    }

    .footer{
        padding:42px 22px 48px;
    }

    .footer-shell{
        gap:28px;
    }

    .footer-kicker{
        gap:14px;
    }

    .footer-kicker::after{
        width:42px;
    }

    .footer-brand h3{
        max-width:none;
        font-size:clamp(2.05rem, 10.4vw, 2.8rem);
        line-height:1.08;
    }

    .footer-legal{
        font-size:10px;
        letter-spacing:0.14em;
    }

    .footer-note{
        font-size:14px;
        line-height:1.82;
    }

    .footer-links,
    .footer-contact{
        gap:12px;
        max-width:none;
    }

    .footer-links a{
        font-size:14px;
    }

    .footer-contact-item strong{
        font-size:15px;
    }

    html[lang="zh-CN"] .footer-brand h3{
        max-width:none;
        font-size:clamp(2.1rem, 11vw, 2.95rem);
        line-height:1.12;
    }

    html[lang="zh-CN"] .footer-legal,
    html[lang="zh-CN"] .footer-column-title,
    html[lang="zh-CN"] .footer-contact-item span{
        letter-spacing:0.06em;
    }
}


/* mobile-nav-final */
@media (max-width: 1180px){
    .navbar{
        position:sticky;
        top:0;
        gap:18px;
        padding:18px 22px;
        align-items:center;
        flex-wrap:wrap;
        max-height:none;
        overflow:visible;
    }

    .home-page .navbar{
        position:absolute;
        top:0;
        left:0;
        right:0;
        background:transparent;
        border-bottom:none;
    }

    .home-page.nav-panel-open .navbar{
        background:#050607;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    .brand-wordmark,
    .home-page .brand-wordmark{
        width:auto;
        max-width:calc(100% - 72px);
        gap:10px;
    }

    .wordmark-box{
        min-width:0;
        min-height:auto;
        padding:8px 14px 9px;
    }

    .wordmark-box strong{
        font-size:24px;
    }

    .wordmark-box small,
    .brand-subtext{
        display:none;
    }

    .nav-toggle{
        display:inline-flex;
    }

    .page-light .nav-toggle{
        color:#0f1113;
    }

    .page-light .nav-toggle:focus-visible{
        outline-color:rgba(15,17,19,0.26);
    }

    .menu,
    .home-page .menu{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        z-index:2;
        width:auto;
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        padding:10px 22px calc(24px + env(safe-area-inset-bottom));
        background:#050607;
        border-top:1px solid rgba(255,255,255,0.08);
        box-shadow:0 26px 72px rgba(0,0,0,0.34);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-14px);
        transition:opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
        max-height:calc(100vh - var(--nav-panel-offset, 84px));
        max-height:calc(100dvh - var(--nav-panel-offset, 84px));
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        font-size:15px;
    }

    .menu::-webkit-scrollbar,
    .home-page .menu::-webkit-scrollbar{
        display:none;
    }

    body.nav-panel-open .menu,
    body.nav-panel-open .home-page .menu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0);
    }

    .page-light .menu{
        background:#050607;
        border-top:1px solid rgba(255,255,255,0.08);
    }

    .page-light.nav-panel-open .navbar{
        background:#050607;
        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    .page-light.nav-panel-open .wordmark-box{
        background:transparent;
        border-color:rgba(255,255,255,0.72);
        color:#ffffff;
    }

    .page-light.nav-panel-open .nav-toggle{
        color:#ffffff;
    }

    .menu > * + *,
    .page-light .menu > * + *,
    .home-page .menu > * + *{
        border-top:1px solid rgba(255,255,255,0.14);
    }

    .menu > a,
    .nav-item,
    .nav-item > a,
    .nav-item > .nav-trigger,
    .home-page .menu > a,
    .home-page .nav-item,
    .home-page .nav-item > a,
    .home-page .nav-item > .nav-trigger{
        width:100%;
    }

    .menu > a,
    .nav-item > a,
    .nav-item > .nav-trigger,
    .nav-utility,
    .page-light .menu > a,
    .page-light .nav-item > a,
    .page-light .nav-item > .nav-trigger,
    .page-light .nav-utility,
    .home-page .menu > a,
    .home-page .nav-item > a,
    .home-page .nav-item > .nav-trigger,
    .home-page .nav-utility{
        min-height:64px;
        padding:18px 0;
        justify-content:space-between;
        color:rgba(255,255,255,0.96);
        font-size:18px;
        line-height:1.3;
        font-weight:500;
    }

    .menu a.active,
    .nav-trigger.active,
    .page-light .menu a.active,
    .page-light .nav-trigger.active,
    .home-page .menu a.active,
    .home-page .nav-trigger.active{
        color:#ffffff;
    }

    .menu > a:not(.cta-link)::before,
    .nav-item.has-dropdown > .nav-trigger > span:first-child::after,
    .page-light .menu > a:not(.cta-link)::before,
    .home-page .menu > a:not(.cta-link)::before,
    .home-page .nav-item.has-dropdown > .nav-trigger > span:first-child::after{
        display:none;
    }

    .menu-obsidian::after,
    .nav-dropdown::before,
    .nav-dropdown::after,
    .home-page .menu-obsidian::after,
    .home-page .nav-dropdown::before,
    .home-page .nav-dropdown::after{
        display:none;
    }

    .nav-item.has-dropdown > .nav-trigger,
    .page-light .nav-item.has-dropdown > .nav-trigger,
    .home-page .nav-item.has-dropdown > .nav-trigger{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
    }

    .nav-caret,
    .page-light .nav-caret,
    .home-page .nav-caret{
        width:12px;
        height:12px;
        border-color:#ffffff;
        transform:translateY(-1px) rotate(45deg);
    }

    .nav-item.open .nav-caret,
    .page-light .nav-item.open .nav-caret,
    .home-page .nav-item.open .nav-caret{
        transform:translateY(2px) rotate(-135deg);
    }

    .nav-item:hover .nav-dropdown,
    .nav-item:focus-within .nav-dropdown,
    .page-light .nav-item:hover .nav-dropdown,
    .page-light .nav-item:focus-within .nav-dropdown,
    .home-page .nav-item:hover .nav-dropdown,
    .home-page .nav-item:focus-within .nav-dropdown{
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .nav-dropdown,
    .page-light .nav-dropdown,
    .home-page .nav-dropdown{
        position:static;
        left:auto;
        right:auto;
        top:auto;
        display:none;
        margin-top:0;
        padding:0;
        background:transparent;
        opacity:0;
        visibility:hidden;
        transform:none;
    }

    .nav-item.open .nav-dropdown,
    .page-light .nav-item.open .nav-dropdown,
    .home-page .nav-item.open .nav-dropdown{
        display:block;
        opacity:1;
        visibility:visible;
    }

    .nav-dropdown-col,
    .page-light .nav-dropdown-col,
    .home-page .nav-dropdown-col,
    .nav-dropdown-col-products{
        display:block;
        max-width:none;
        padding:2px 0 14px 18px;
        border-top:none;
    }

    .nav-dropdown-col strong,
    .page-light .nav-dropdown-col strong,
    .home-page .nav-dropdown-col strong{
        display:none;
    }

    .nav-dropdown-col a,
    .page-light .nav-dropdown-col a,
    .home-page .nav-dropdown-col a{
        display:block;
        width:100%;
        margin-top:0;
        padding:10px 0;
        color:rgba(255,255,255,0.72);
        font-family:var(--font-sans);
        font-size:15px;
        font-weight:400;
        line-height:1.55;
        letter-spacing:0;
    }

    .nav-dropdown-col a::after,
    .page-light .nav-dropdown-col a::after,
    .home-page .nav-dropdown-col a::after{
        display:none;
    }

    .nav-utility,
    .page-light .nav-utility,
    .home-page .nav-utility{
        display:flex;
        width:100%;
        margin-left:0;
        padding:18px 0 0;
        min-height:0;
        justify-content:flex-start;
        border:none;
        border-radius:0;
        background:transparent;
        transform:none;
    }

    .nav-utility:hover,
    .nav-utility:focus-visible,
    .page-light .nav-utility:hover,
    .page-light .nav-utility:focus-visible,
    .home-page .nav-utility:hover,
    .home-page .nav-utility:focus-visible{
        background:transparent;
        border-color:transparent;
        transform:none;
    }

    .home-page .home-hero-v3{
        min-height:auto;
        padding-top:132px;
        padding-bottom:92px;
    }
}


.home-cinema{
    background:#050607;
    color:#ffffff;
    padding:0 6vw 112px;
}

.home-cinema-shell{
    width:min(1320px, 100%);
    margin:0 auto;
    padding-top:54px;
}

.home-cinema-head{
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(280px, 0.56fr);
    gap:44px;
    align-items:end;
    margin-bottom:34px;
}

.home-cinema-head h2{
    margin-top:16px;
    font-family:var(--font-serif);
    font-size:clamp(2.8rem, 5.1vw, 4.9rem);
    line-height:0.98;
    letter-spacing:-0.03em;
    color:#ffffff;
}

.home-cinema-head p{
    max-width:420px;
    justify-self:end;
    color:rgba(255,255,255,0.72);
    font-size:16px;
    line-height:1.88;
}

.home-video-stage{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    aspect-ratio:16 / 7.55;
    background:#0b0d0f;
    box-shadow:0 28px 90px rgba(0,0,0,0.32);
}

.home-video-stage::before{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:inherit;
    pointer-events:none;
    z-index:2;
}

.home-video-stage::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(5,6,7,0.04) 0%, rgba(5,6,7,0.14) 36%, rgba(5,6,7,0.56) 100%);
    pointer-events:none;
    z-index:1;
}

.home-feature-video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    background:#0b0d0f;
}

.home-video-overlay{
    position:absolute;
    left:34px;
    right:144px;
    bottom:30px;
    z-index:3;
    display:grid;
    gap:10px;
    pointer-events:none;
    transition:opacity 0.24s ease;
}

.home-video-eyebrow{
    display:inline-flex;
    width:fit-content;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(5,6,7,0.38);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    color:rgba(255,255,255,0.88);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.home-video-caption{
    max-width:380px;
    color:rgba(255,255,255,0.92);
    font-size:15px;
    line-height:1.72;
}

.home-video-control{
    position:absolute;
    right:28px;
    bottom:28px;
    z-index:4;
    display:grid;
    place-items:center;
    width:92px;
    height:92px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,0.96);
    color:#050607;
    box-shadow:0 18px 48px rgba(5,6,7,0.24);
    cursor:pointer;
    transition:transform 0.24s ease, background 0.24s ease, color 0.24s ease, box-shadow 0.24s ease;
}

.home-video-control:hover,
.home-video-control:focus-visible{
    transform:translateY(-2px) scale(1.02);
}

.home-video-control:focus-visible{
    outline:2px solid rgba(255,255,255,0.46);
    outline-offset:6px;
}

.home-video-icon{
    position:relative;
    display:block;
    width:28px;
    height:28px;
}

.home-video-icon::before{
    content:"";
    position:absolute;
    top:2px;
    left:8px;
    width:0;
    height:0;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:18px solid currentColor;
}

.home-video-stage.is-playing .home-video-overlay{
    opacity:0.52;
}

.home-video-stage.is-playing .home-video-control{
    background:rgba(5,6,7,0.78);
    color:#ffffff;
    box-shadow:0 18px 48px rgba(0,0,0,0.28);
}

.home-video-stage.is-playing .home-video-icon::before{
    top:3px;
    left:6px;
    width:6px;
    height:22px;
    border:none;
    background:currentColor;
}

.home-video-stage.is-playing .home-video-icon::after{
    content:"";
    position:absolute;
    top:3px;
    left:17px;
    width:6px;
    height:22px;
    background:currentColor;
}

.home-cinema + .home-facts-band{
    padding-top:30px;
}

@media (max-width: 1180px){
    .home-cinema{
        padding-left:22px;
        padding-right:22px;
        padding-bottom:88px;
    }

    .home-cinema-shell{
        padding-top:42px;
    }

    .home-cinema-head{
        grid-template-columns:1fr;
        gap:18px;
        margin-bottom:24px;
    }

    .home-cinema-head p{
        justify-self:start;
        max-width:520px;
    }

    .home-video-stage{
        border-radius:26px;
        aspect-ratio:16 / 9.8;
    }

    .home-video-overlay{
        left:22px;
        right:116px;
        bottom:22px;
    }

    .home-video-control{
        right:18px;
        bottom:18px;
        width:78px;
        height:78px;
    }
}

@media (max-width: 760px){
    .home-cinema{
        padding-bottom:76px;
    }

    .home-cinema-head h2{
        font-size:clamp(2.15rem, 11vw, 3.25rem);
        line-height:1.02;
    }

    .home-cinema-head p{
        font-size:15px;
        line-height:1.72;
    }

    .home-video-stage{
        border-radius:22px;
        aspect-ratio:16 / 11.2;
    }

    .home-video-overlay{
        left:18px;
        right:18px;
        bottom:20px;
        gap:8px;
    }

    .home-video-caption{
        max-width:240px;
        font-size:13px;
        line-height:1.62;
    }

    .home-video-control{
        width:68px;
        height:68px;
    }

    .home-video-icon{
        width:24px;
        height:24px;
    }

    .home-video-icon::before{
        top:2px;
        left:7px;
        border-top-width:10px;
        border-bottom-width:10px;
        border-left-width:15px;
    }

    .home-video-stage.is-playing .home-video-icon::before{
        top:3px;
        left:5px;
        width:5px;
        height:18px;
    }

    .home-video-stage.is-playing .home-video-icon::after{
        top:3px;
        left:14px;
        width:5px;
        height:18px;
    }
}

.home-showcase.home-hero-v3{
    min-height:auto;
    padding:110px 6vw 84px;
    background:#050607;
    color:#ffffff;
}

.home-showcase.home-hero-v3::before,
.home-showcase.home-hero-v3::after{
    display:none;
}

.home-showcase-shell{
    width:min(1140px, 100%);
    margin:0 auto;
}

.home-showcase .home-hero-v3-inner{
    width:100%;
    margin:0;
    padding-top:0;
}

.home-showcase-head{
    display:grid;
    grid-template-columns:minmax(0, 0.86fr) minmax(340px, 0.5fr);
    gap:108px;
    align-items:start;
    margin-bottom:56px;
}

.home-showcase .home-hero-v3-copy{
    max-width:430px;
}

.home-showcase .home-hero-v3 h1{
    margin:18px 0 0;
    max-width:410px;
    font-size:clamp(2.9rem, 4.95vw, 4.05rem);
    line-height:1.02;
    letter-spacing:-0.07em;
}

.home-showcase .hero-title-line-shift{
    padding-left:0.9em;
}

.home-showcase .home-hero-v3-aside{
    justify-self:end;
    width:min(100%, 360px);
    padding:28px 0 0;
    border-left:none;
}

.home-showcase .home-hero-v3-aside .home-kicker{
    margin-bottom:18px;
    color:rgba(255,255,255,0.68);
}

.home-showcase .home-hero-v3-aside p{
    max-width:360px;
    font-size:15px;
    line-height:1.86;
    color:rgba(255,255,255,0.9);
}

.home-media-carousel{
    margin-top:0;
    display:grid;
    gap:34px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,0.16);
}

.home-media-viewport{
    overflow:hidden;
    background:#0a0b0d;
}

.home-media-track{
    display:flex;
    transform:translate3d(0, 0, 0);
    transition:transform 0.72s cubic-bezier(0.19, 1, 0.22, 1);
    will-change:transform;
}

.home-media-slide{
    position:relative;
    flex:0 0 100%;
    min-width:100%;
}

.home-media-slide[aria-hidden="true"]{
    pointer-events:none;
}

.home-media-frame{
    position:relative;
    aspect-ratio:16 / 6.82;
    overflow:hidden;
    background:#0a0b0d;
}

.home-media-frame::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(5,6,7,0.02), rgba(5,6,7,0.16));
    pointer-events:none;
}

.home-feature-video,
.home-feature-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    background:#0a0b0d;
}

.home-media-play{
    position:absolute;
    top:auto;
    right:34px;
    bottom:28px;
    z-index:2;
    display:grid;
    place-items:center;
    width:62px;
    height:62px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,0.96);
    color:#050607;
    box-shadow:0 14px 36px rgba(5,6,7,0.24);
    cursor:pointer;
    transform:none;
    transition:transform 0.24s ease, background 0.24s ease, color 0.24s ease, box-shadow 0.24s ease;
}

.home-media-play:hover,
.home-media-play:focus-visible{
    transform:translateY(-2px);
}

.home-media-play:focus-visible{
    outline:2px solid rgba(255,255,255,0.46);
    outline-offset:5px;
}

.home-media-play-icon{
    position:relative;
    display:block;
    width:22px;
    height:22px;
}

.home-media-play-icon::before{
    content:"";
    position:absolute;
    top:1px;
    left:6px;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:14px solid currentColor;
}

.home-media-slide.is-playing .home-media-play{
    background:rgba(5,6,7,0.78);
    color:#ffffff;
    box-shadow:0 14px 36px rgba(0,0,0,0.28);
}

.home-media-slide.is-playing .home-media-play-icon::before{
    top:1px;
    left:4px;
    width:4px;
    height:20px;
    border:none;
    background:currentColor;
}

.home-media-slide.is-playing .home-media-play-icon::after{
    content:"";
    position:absolute;
    top:1px;
    left:13px;
    width:4px;
    height:20px;
    background:currentColor;
}

.home-media-meta{
    display:grid;
    grid-template-columns:minmax(0, 0.86fr) minmax(280px, 0.64fr);
    gap:88px;
    align-items:start;
}

.home-media-meta-main{
    display:grid;
    grid-template-rows:minmax(0, 1fr) auto;
    align-items:flex-start;
}

.home-media-meta-title{
    max-width:390px;
    font-family:var(--font-serif);
    font-size:clamp(2.9rem, 4.5vw, 4.2rem);
    line-height:1.08;
    letter-spacing:-0.05em;
    color:#ffffff;
    text-wrap:balance;
}

.home-media-controls{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:30px;
}

.home-media-arrow{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border:1px solid rgba(255,255,255,0.62);
    border-radius:50%;
    background:transparent;
    color:#ffffff;
    cursor:pointer;
    transition:transform 0.24s ease, background 0.24s ease, border-color 0.24s ease;
}

.home-media-arrow:hover,
.home-media-arrow:focus-visible{
    transform:translateY(-1px);
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.72);
}

.home-media-arrow:focus-visible{
    outline:none;
}

.home-media-arrow span{
    display:block;
    width:9px;
    height:9px;
    border-top:1.5px solid currentColor;
    border-right:1.5px solid currentColor;
}

.home-media-arrow[data-carousel-prev] span{
    transform:rotate(-135deg);
    margin-left:4px;
}

.home-media-arrow[data-carousel-next] span{
    transform:rotate(45deg);
    margin-right:4px;
}

.home-media-dots{
    display:flex;
    align-items:center;
    gap:12px;
}

.home-media-dot{
    width:9px;
    height:9px;
    border:1px solid rgba(255,255,255,0.92);
    border-radius:50%;
    background:rgba(255,255,255,0.94);
    cursor:pointer;
    transition:transform 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;
}

.home-media-dot.is-active{
    background:transparent;
    box-shadow:0 0 0 2px rgba(255,255,255,0.96);
}

.home-media-dot:hover,
.home-media-dot:focus-visible{
    transform:scale(1.08);
}

.home-media-meta-side{
    padding-top:10px;
}

.home-media-meta-description{
    max-width:380px;
    color:rgba(255,255,255,0.82);
    font-size:16px;
    line-height:1.78;
}

.home-media-meta-link{
    display:inline-flex;
    align-items:center;
    gap:18px;
    margin-top:38px;
    color:#ffffff;
    font-weight:600;
}

.home-media-meta-link-text{
    padding-bottom:4px;
    border-bottom:1px solid rgba(255,255,255,0.26);
}

.home-media-meta-link-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid rgba(255,255,255,0.62);
    border-radius:50%;
    transition:transform 0.24s ease, background 0.24s ease;
}

.home-media-meta-link-icon::before{
    content:"";
    width:0;
    height:0;
    margin-left:2px;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-left:9px solid currentColor;
}

.home-media-meta-link:hover .home-media-meta-link-icon,
.home-media-meta-link:focus-visible .home-media-meta-link-icon{
    transform:translateX(2px);
    background:rgba(255,255,255,0.08);
}

body.media-lightbox-open{
    overflow:hidden;
}

.media-lightbox{
    position:fixed;
    inset:0;
    z-index:2200;
    display:grid;
    place-items:center;
    padding:clamp(16px, 4vw, 36px);
}

.media-lightbox[hidden]{
    display:none !important;
}

.media-lightbox-backdrop{
    position:absolute;
    inset:0;
    background:rgba(5,7,11,0.88);
    backdrop-filter:blur(8px);
}

.media-lightbox-dialog{
    position:relative;
    z-index:1;
    width:min(1200px, 100%);
    max-height:100%;
    display:grid;
    gap:16px;
    outline:none;
}

.media-lightbox-close{
    position:relative;
    justify-self:end;
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,0.22);
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    transition:background 0.24s ease, transform 0.24s ease;
}

.media-lightbox-close::before,
.media-lightbox-close::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:16px;
    height:1.5px;
    background:#ffffff;
    transform-origin:center;
}

.media-lightbox-close::before{
    transform:translate(-50%, -50%) rotate(45deg);
}

.media-lightbox-close::after{
    transform:translate(-50%, -50%) rotate(-45deg);
}

.media-lightbox-close:hover,
.media-lightbox-close:focus-visible{
    background:rgba(255,255,255,0.16);
    transform:translateY(-1px);
}

.media-lightbox-close:focus-visible{
    outline:2px solid rgba(255,255,255,0.72);
    outline-offset:3px;
}

.media-lightbox-content{
    display:grid;
}

.media-lightbox-frame{
    display:grid;
    place-items:center;
    overflow:hidden;
    max-height:calc(100vh - 120px);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:22px;
    background:#050505;
    box-shadow:0 32px 80px rgba(0,0,0,0.42);
}

.media-lightbox-media{
    display:block;
    max-width:100%;
    max-height:calc(100vh - 160px);
    width:auto;
    height:auto;
    object-fit:contain;
    background:#000000;
}

video.media-lightbox-media{
    width:100%;
}

@media (min-width: 1181px){
    .lang-shortcuts{
        margin-left:auto;
    }

    .lang-switcher{
        margin-left:10px;
        padding-left:20px;
    }

    .lang-switcher::before{
        content:"";
        position:absolute;
        left:0;
        top:50%;
        width:1px;
        height:24px;
        background:rgba(255,255,255,0.14);
        transform:translateY(-50%);
    }

    .lang-toggle{
        gap:13px;
        min-width:70px;
        min-height:36px;
        padding:0 13px 0 12px;
        border-color:rgba(255,255,255,0.12);
        border-radius:12px;
        background:rgba(70,76,97,0.78);
        box-shadow:0 8px 24px rgba(4,6,10,0.16);
        font-size:11px;
        letter-spacing:0.1em;
    }

    .lang-globe{
        width:21px;
        height:21px;
    }

    .lang-toggle-label{
        display:none;
    }

    .lang-toggle-caret{
        width:8px;
        height:8px;
        border-right-width:2px;
        border-bottom-width:2px;
    }

    .lang-menu{
        min-width:124px;
        padding:6px 0;
        border:1px solid rgba(255,255,255,0.08);
        border-radius:14px;
        background:rgba(24,27,36,0.96);
        box-shadow:0 18px 36px rgba(0,0,0,0.32);
    }

    .lang-menu a{
        min-height:36px;
        padding:0 14px;
        font-size:12px;
        letter-spacing:0.02em;
    }

    .nav-utility{
        min-height:auto;
        margin-left:14px;
        padding:0;
        border:none;
        border-radius:0;
        background:transparent;
        opacity:0.9;
        transform:none;
    }

    .menu > a.nav-utility::before{
        display:block;
    }

    .nav-utility:hover,
    .nav-utility:focus-visible{
        background:transparent;
        border-color:transparent;
        transform:none;
        opacity:1;
    }

    .page-light .lang-switcher::before{
        background:rgba(15,17,19,0.12);
    }

    .page-light .lang-toggle{
        border-color:rgba(15,17,19,0.08);
        background:rgba(30,34,46,0.08);
        color:#0f1113;
    }

    .page-light .lang-menu{
        border-color:rgba(15,17,19,0.08);
        background:rgba(255,255,255,0.96);
        box-shadow:0 18px 36px rgba(15,17,19,0.12);
    }

    .page-light .lang-menu a{
        color:rgba(15,17,19,0.7);
    }

    .page-light .lang-menu a:hover,
    .page-light .lang-menu a:focus-visible,
    .page-light .lang-menu a.is-active{
        color:#0f1113;
    }

    .page-light .nav-utility{
        background:transparent;
        border:none;
    }

    .home-page .navbar{
        align-items:flex-start;
        gap:32px;
        padding:24px 4.35vw 0;
    }

    .home-page .menu{
        gap:30px;
        padding-top:18px;
        font-size:14px;
        min-width:0;
        flex:1 1 auto;
        justify-content:flex-end;
    }

    .home-page .wordmark-box{
        min-width:206px;
        min-height:60px;
        padding:7px 15px 9px;
    }

    .home-page .wordmark-box strong{
        font-size:29px;
    }

    .home-page .wordmark-box small{
        margin-top:5px;
        font-size:7px;
        letter-spacing:0.16em;
    }

    .home-page .nav-actions{
        padding-top:10px;
        gap:12px;
    }

    .home-showcase.home-hero-v3{
        padding:130px 4.35vw 82px;
    }

    .home-showcase-shell{
        width:min(1280px, 100%);
    }

    .home-showcase-head{
        grid-template-columns:minmax(0, 0.84fr) minmax(340px, 0.5fr);
        gap:clamp(88px, 8vw, 136px);
        align-items:start;
        margin-bottom:56px;
    }

    .home-showcase .home-hero-v3-copy{
        max-width:440px;
    }

    .home-showcase .home-hero-v3 h1{
        margin-top:12px;
        max-width:420px;
        font-size:clamp(2.95rem, 4.2vw, 3.95rem);
        line-height:1.01;
    }

    .home-showcase .hero-title-line-shift{
        padding-left:0.52em;
    }

    .home-showcase .home-hero-v3-aside{
        justify-self:start;
        width:min(100%, 360px);
        padding-top:92px;
    }

    .home-showcase .home-hero-v3-aside p{
        max-width:360px;
        font-size:15px;
        line-height:1.86;
    }

    .home-media-carousel{
        gap:30px;
    }

    .home-media-viewport{
        border-top:1px solid rgba(255,255,255,0.14);
        padding-top:0;
        background:transparent;
    }

    .home-media-frame{
        aspect-ratio:16 / 5.95;
    }

    .home-media-play{
        right:28px;
        bottom:24px;
        width:60px;
        height:60px;
    }

    .home-media-meta{
        grid-template-columns:minmax(0, 0.92fr) minmax(300px, 0.54fr);
        gap:clamp(72px, 7vw, 112px);
    }

    .home-media-meta-main{
        min-height:208px;
    }

    .home-media-meta-title{
        max-width:11ch;
        font-size:clamp(3rem, 4.1vw, 4rem);
        line-height:1.06;
        min-height:2.12em;
    }

    .home-media-controls{
        gap:18px;
        margin-top:auto;
        padding-top:26px;
    }

    .home-media-arrow{
        width:28px;
        height:28px;
    }

    .home-media-dots{
        gap:11px;
    }

    .home-media-meta-side{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        min-height:172px;
        padding-top:6px;
    }

    .home-media-meta-description{
        max-width:410px;
        min-height:5.34em;
    }

    .home-media-meta-link{
        margin-top:auto;
        padding-top:32px;
        gap:16px;
    }
}

@media (max-width: 1180px){
    .home-showcase.home-hero-v3{
        padding:98px 22px 72px;
    }

    .home-showcase-head{
        grid-template-columns:1fr;
        gap:24px;
        margin-bottom:28px;
    }

    .home-showcase .home-hero-v3 h1{
        max-width:520px;
        font-size:clamp(3.3rem, 10.5vw, 4.9rem);
    }

    .home-showcase .home-hero-v3-aside{
        justify-self:start;
        width:min(100%, 520px);
        padding-bottom:0;
    }

    .home-media-carousel{
        gap:26px;
    }

    .home-media-frame{
        aspect-ratio:16 / 9.25;
    }

    .home-media-play{
        right:24px;
        width:58px;
        height:58px;
    }

    .home-media-meta{
        grid-template-columns:1fr;
        gap:24px;
    }

    .home-media-meta-main{
        min-height:204px;
    }

    .home-media-meta-title,
    .home-media-meta-description{
        max-width:none;
    }

    .home-media-meta-title{
        max-width:11ch;
        min-height:2.45em;
        font-size:clamp(2.7rem, 8.2vw, 4.1rem);
        line-height:1.02;
    }

    .home-media-controls{
        margin-top:auto;
        padding-top:22px;
    }

    .home-media-meta-side{
        padding-top:0;
    }

    .home-media-meta-link{
        margin-top:28px;
    }
}

@media (max-width: 760px){
    .home-showcase.home-hero-v3{
        padding:92px 22px 68px;
    }

    .home-showcase-head{
        gap:0;
        margin-bottom:24px;
    }

    .home-showcase .home-hero-v3 h1{
        font-size:clamp(2.95rem, 14vw, 4.15rem);
        line-height:0.97;
    }

    .home-showcase .home-hero-v3-aside{
        margin-top:-22px;
        padding-top:0;
    }

    .home-showcase .home-hero-v3-aside p{
        max-width:20em;
        font-size:14px;
        line-height:1.82;
    }

    .home-media-carousel{
        gap:56px;
        padding-top:48px;
        padding-bottom:32px;
    }

    .home-media-frame{
        aspect-ratio:16 / 10;
    }

    .home-media-meta{
        padding-top:0;
    }

    .about-foundation-grid{
        margin-top:30px;
        gap:28px;
    }

    .about-foundation-column{
        padding-top:16px;
    }

    .about-foundation-column h3{
        margin-bottom:18px;
        font-size:11px;
        letter-spacing:0.12em;
    }

    .about-foundation-item strong{
        font-size:16px;
    }

    .about-foundation-item p,
    .about-timeline-text,
    .about-profile-item p{
        font-size:15px;
    }

    .about-timeline-row{
        gap:6px;
        padding:18px 0;
    }

    .about-timeline-date{
        font-size:11px;
        letter-spacing:0.14em;
    }

    .about-profile-shell{
        padding-top:52px;
    }

    .about-plain-shell .section-header,
    .about-profile-shell .section-header{
        margin-bottom:28px;
    }

    .about-profile-grid{
        gap:24px;
    }

    .about-profile-item{
        padding-top:16px;
    }

    .about-profile-item h3{
        font-size:clamp(1.5rem, 8vw, 2rem);
    }

    .home-media-play{
        top:auto;
        right:18px;
        bottom:18px;
        width:54px;
        height:54px;
        transform:none;
    }

    .home-media-play:hover,
    .home-media-play:focus-visible{
        transform:translateY(-2px);
    }

    .home-media-play-icon{
        width:20px;
        height:20px;
    }

    .home-media-play-icon::before{
        top:1px;
        left:5px;
        border-top-width:9px;
        border-bottom-width:9px;
        border-left-width:13px;
    }

    .home-media-slide.is-playing .home-media-play-icon::before{
        top:1px;
        left:4px;
        width:4px;
        height:18px;
    }

    .home-media-slide.is-playing .home-media-play-icon::after{
        top:1px;
        left:12px;
        width:4px;
        height:18px;
    }

    .home-media-meta-title{
        font-size:clamp(2rem, 11vw, 2.8rem);
        line-height:1.05;
        min-height:2.2em;
    }

    .home-media-controls{
        gap:16px;
        margin-top:auto;
        padding-top:18px;
    }

    .home-media-dots{
        gap:10px;
    }

    .home-media-dot{
        width:9px;
        height:9px;
    }

    .home-media-meta-description{
        font-size:14px;
        line-height:1.72;
    }

    .home-media-meta-main{
        min-height:156px;
    }

    .home-media-meta-link{
        margin-top:22px;
        gap:14px;
    }

    .media-lightbox{
        padding:14px;
    }

    .media-lightbox-dialog{
        gap:12px;
    }

    .media-lightbox-close{
        width:42px;
        height:42px;
    }

    .media-lightbox-frame{
        max-height:calc(100vh - 92px);
        border-radius:16px;
    }

    .media-lightbox-media{
        max-height:calc(100vh - 132px);
    }
}

/* Final home carousel typography/layout overrides */
.home-media-carousel{
    --media-title-slot:2.46em;
    --media-title-max-width:10ch;
    --media-title-gap:0.025em;
    --media-title-line-height:1.04;
}

html[lang^="zh"] .home-media-carousel{
    --media-title-max-width:8.6em;
    --media-title-slot:2.72em;
    --media-title-line-height:1.08;
}

html[lang^="en"] .home-media-carousel{
    --media-title-max-width:10.4ch;
    --media-title-slot:2.34em;
    --media-title-line-height:1.02;
}

.home-media-meta-main{
    display:grid;
    grid-template-rows:minmax(var(--media-title-slot), auto) auto;
    row-gap:24px;
    align-items:start;
    align-content:start;
    min-height:0;
}

.home-media-meta-title{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:var(--media-title-gap);
    max-width:var(--media-title-max-width);
    min-height:0;
    line-height:var(--media-title-line-height);
    text-wrap:initial;
}

.home-media-title-line{
    display:block;
}

.home-media-controls{
    margin-top:0;
    padding-top:0;
}

@media (min-width: 1181px){
    .home-page .nav-actions{
        gap:10px;
    }

    .home-page .lang-switcher{
        margin-left:8px;
        padding-left:18px;
    }

    .home-page .lang-toggle{
        background:rgba(84,90,116,0.62);
        border-color:rgba(255,255,255,0.1);
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
    }

    .home-page .nav-utility{
        margin-left:10px;
        letter-spacing:0.01em;
    }

    .home-media-carousel{
        --media-title-slot:2.26em;
        --media-title-gap:0.015em;
    }

    html[lang^="zh"] .home-media-carousel{
        --media-title-max-width:8.2em;
        --media-title-slot:2.48em;
    }

    html[lang^="en"] .home-media-carousel{
        --media-title-max-width:10.2ch;
        --media-title-slot:2.2em;
    }

    .home-media-meta{
        grid-template-columns:minmax(0, 0.94fr) minmax(300px, 0.52fr);
        gap:clamp(72px, 7vw, 108px);
    }

    .home-media-meta-main{
        row-gap:24px;
    }

    .home-media-meta-title{
        font-size:clamp(2.78rem, 3.95vw, 3.74rem);
    }

    .home-media-controls{
        gap:18px;
        min-height:28px;
    }
}

@media (max-width: 1180px){
    .home-media-carousel{
        --media-title-slot:2.42em;
    }

    html[lang^="zh"] .home-media-carousel{
        --media-title-max-width:8.8em;
        --media-title-slot:2.7em;
    }

    html[lang^="en"] .home-media-carousel{
        --media-title-max-width:10ch;
        --media-title-slot:2.32em;
    }

    .home-media-meta{
        grid-template-columns:1fr;
        gap:22px;
    }

    .home-media-meta-main{
        row-gap:20px;
    }

    .home-media-meta-title{
        font-size:clamp(2rem, 5.4vw, 2.88rem);
    }

    .home-media-controls{
        gap:16px;
        min-height:30px;
    }
}

@media (max-width: 760px){
    .home-media-carousel{
        --media-title-slot:2.72em;
        --media-title-gap:0.01em;
    }

    html[lang^="zh"] .home-media-carousel{
        --media-title-max-width:7.6em;
        --media-title-slot:3.08em;
    }

    html[lang^="en"] .home-media-carousel{
        --media-title-max-width:9ch;
        --media-title-slot:2.64em;
    }

    .home-media-meta{
        gap:20px;
    }

    .home-media-meta-main{
        row-gap:16px;
    }

    .home-media-meta-title{
        font-size:clamp(1.52rem, 7vw, 2rem);
    }

    .home-media-controls{
        gap:14px;
        min-height:30px;
    }
}

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

    .lang-switcher{
        position:fixed;
        right:18px;
        bottom:calc(env(safe-area-inset-bottom, 0px) + 18px);
        z-index:80;
        margin:0;
        padding:0;
        pointer-events:auto;
        transition:opacity 0.24s ease, transform 0.24s ease;
    }

    .lang-switcher::before{
        display:none;
    }

    body.nav-panel-open .lang-switcher{
        opacity:0;
        pointer-events:none;
        transform:translateY(8px);
    }

    .lang-toggle{
        gap:10px;
        min-width:auto;
        min-height:46px;
        padding:0 15px 0 14px;
        border:1px solid rgba(15,17,19,0.08);
        border-radius:999px;
        background:rgba(255,255,255,0.96);
        color:#0f1113;
        box-shadow:0 14px 32px rgba(15,17,19,0.12);
    }

    .lang-toggle:hover,
    .lang-toggle:focus-visible,
    .lang-switcher.is-open .lang-toggle{
        background:#ffffff;
        border-color:rgba(15,17,19,0.14);
        box-shadow:0 18px 38px rgba(15,17,19,0.16);
    }

    .lang-toggle:focus-visible{
        outline:2px solid rgba(15,17,19,0.18);
        outline-offset:4px;
    }

    .lang-globe{
        width:18px;
        height:18px;
    }

    .lang-toggle-label{
        display:inline-block;
        font-size:11px;
        letter-spacing:0.08em;
    }

    .lang-toggle-caret{
        width:8px;
        height:8px;
        opacity:0.7;
    }

    .lang-menu{
        top:auto;
        right:0;
        bottom:calc(100% + 10px);
        min-width:126px;
        padding:6px 0;
        border:1px solid rgba(15,17,19,0.08);
        border-radius:16px;
        background:rgba(255,255,255,0.98);
        box-shadow:0 18px 38px rgba(15,17,19,0.14);
        z-index:81;
    }

    .lang-menu a{
        min-height:38px;
        padding:0 14px;
        color:rgba(15,17,19,0.72);
    }

    .lang-menu a:hover,
    .lang-menu a:focus-visible,
    .lang-menu a.is-active,
    .page-light .lang-menu a:hover,
    .page-light .lang-menu a:focus-visible,
    .page-light .lang-menu a.is-active{
        color:#0f1113;
    }
}

.core-home-hero{
    background:
        radial-gradient(circle at 18% 18%, rgba(108,132,176,0.2), transparent 34%),
        radial-gradient(circle at 82% 22%, rgba(120,168,156,0.16), transparent 26%),
        linear-gradient(180deg, #050607 0%, #0c1117 100%);
}

.core-signal-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.core-signal-card{
    min-height:220px;
    padding:28px 26px 30px;
    border:1px solid rgba(255,255,255,0.12);
    background:linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transition:transform 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}

.core-signal-card:hover,
.core-signal-card:focus-within{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,0.24);
    background:linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
}

.core-signal-card span{
    display:block;
    margin-bottom:18px;
    color:rgba(255,255,255,0.5);
    font-size:11px;
    letter-spacing:0.16em;
}

.core-signal-card h2{
    font-family:var(--font-serif);
    font-size:30px;
    line-height:1.04;
    letter-spacing:-0.04em;
    color:#ffffff;
}

.core-signal-card p{
    margin-top:14px;
    max-width:28ch;
    color:rgba(255,255,255,0.72);
    font-size:15px;
    line-height:1.78;
}

.core-hero-lead{
    margin-top:22px;
    max-width:31ch;
    color:rgba(255,255,255,0.78);
    font-size:16px;
    line-height:1.78;
    text-wrap:pretty;
}

.core-brand-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.core-brand-chip{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.04);
    color:rgba(255,255,255,0.74);
    font-size:11px;
    letter-spacing:0.12em;
    text-transform:uppercase;
}

.gateway-page{
    min-height:100vh;
    background:
        radial-gradient(circle at 18% 18%, rgba(108,132,176,0.08), transparent 32%),
        radial-gradient(circle at 82% 20%, rgba(120,168,156,0.08), transparent 24%),
        linear-gradient(180deg, #f8f5ee 0%, #ffffff 58%);
}

.gateway-page .navbar{
    background:transparent;
    border-bottom:none;
}

.gateway-main{
    width:min(1200px, calc(100% - 48px));
    margin:0 auto;
    padding:42px 0 84px;
}

.gateway-hero{
    padding:82px 0 42px;
}

.gateway-hero h1{
    max-width:11ch;
    margin-top:18px;
    font-family:var(--font-sans);
    font-size:clamp(3rem, 6vw, 5.3rem);
    line-height:0.98;
    font-weight:400;
    letter-spacing:-0.07em;
    color:#111315;
}

.gateway-hero p{
    max-width:720px;
    margin-top:22px;
    color:rgba(15,17,19,0.68);
    font-size:17px;
    line-height:1.86;
    text-wrap:pretty;
}

.gateway-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:28px;
}

.gateway-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:22px;
    padding-top:20px;
}

.gateway-card{
    min-height:244px;
    padding:28px 26px 30px;
    border:1px solid rgba(15,17,19,0.08);
    background:rgba(255,255,255,0.84);
    box-shadow:0 24px 56px rgba(15,17,19,0.06);
}

.gateway-card span{
    display:block;
    margin-bottom:18px;
    color:rgba(15,17,19,0.42);
    font-size:11px;
    letter-spacing:0.16em;
}

.gateway-card h2{
    font-family:var(--font-serif);
    font-size:28px;
    line-height:1.02;
    letter-spacing:-0.04em;
    color:#111315;
}

.gateway-card p{
    margin-top:14px;
    color:rgba(15,17,19,0.66);
    font-size:15px;
    line-height:1.82;
}

.gateway-card a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:22px;
    padding-bottom:4px;
    border-bottom:1px solid rgba(15,17,19,0.16);
    font-size:14px;
    color:#111315;
}

.redirect-page{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:24px;
    background:
        radial-gradient(circle at 20% 20%, rgba(108,132,176,0.08), transparent 28%),
        linear-gradient(180deg, #f7f4ed 0%, #ffffff 62%);
}

.redirect-panel{
    width:min(640px, 100%);
    padding:42px 34px 36px;
    border:1px solid rgba(15,17,19,0.08);
    background:rgba(255,255,255,0.92);
    box-shadow:0 24px 56px rgba(15,17,19,0.06);
}

.redirect-panel h1{
    margin-top:18px;
    font-family:var(--font-sans);
    font-size:clamp(2.2rem, 5vw, 3.4rem);
    line-height:1.02;
    font-weight:400;
    letter-spacing:-0.06em;
    color:#111315;
}

.redirect-panel p{
    margin-top:18px;
    color:rgba(15,17,19,0.66);
    font-size:16px;
    line-height:1.82;
}

.redirect-panel .home-hero-link{
    margin-top:24px;
}

@media (max-width: 980px){
    .gateway-grid{
        grid-template-columns:1fr;
    }

    .gateway-hero h1{
        max-width:none;
    }
}

@media (max-width: 760px){
    .gateway-main{
        width:min(100% - 32px, 100%);
        padding:26px 0 56px;
    }

    .gateway-hero{
        padding:64px 0 28px;
    }

    .gateway-hero h1{
        font-size:clamp(2.6rem, 14vw, 3.7rem);
        line-height:1;
    }

    .gateway-hero p,
    .redirect-panel p{
        font-size:15px;
    }

    .gateway-card,
    .redirect-panel{
        padding:28px 22px 26px;
    }
}

.core-aside-list{
    display:grid;
    gap:14px;
    margin-top:24px;
}

.core-aside-item{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,0.12);
}

.core-aside-item span{
    color:rgba(255,255,255,0.46);
    font-size:11px;
    letter-spacing:0.14em;
    text-transform:uppercase;
}

.core-aside-item strong{
    color:#ffffff;
    font-size:15px;
    line-height:1.56;
    text-align:right;
}

html[lang="zh-CN"] .core-brand-chip,
html[lang="zh-CN"] .core-aside-item span{
    letter-spacing:0.06em;
    text-transform:none;
}

html[lang="zh-CN"] .core-aside-item strong{
    font-size:14px;
}

.core-orb{
    position:relative;
    width:100%;
    min-height:420px;
    border:1px solid rgba(15,17,19,0.08);
    background:
        radial-gradient(circle at 24% 28%, rgba(135,173,204,0.38), transparent 24%),
        radial-gradient(circle at 72% 32%, rgba(146,204,182,0.28), transparent 20%),
        radial-gradient(circle at 48% 72%, rgba(18,24,33,0.92), rgba(8,11,15,1) 58%);
    overflow:hidden;
}

.core-orb::before,
.core-orb::after{
    content:"";
    position:absolute;
    border-radius:999px;
}

.core-orb::before{
    inset:12% auto auto 10%;
    width:34%;
    aspect-ratio:1;
    border:1px solid rgba(255,255,255,0.16);
    opacity:0.66;
}

.core-orb::after{
    right:10%;
    bottom:14%;
    width:28%;
    aspect-ratio:1;
    border:1px solid rgba(255,255,255,0.1);
    opacity:0.44;
}

.core-orb-app{
    background:
        radial-gradient(circle at 24% 28%, rgba(132,164,212,0.44), transparent 24%),
        radial-gradient(circle at 76% 34%, rgba(108,196,174,0.24), transparent 19%),
        radial-gradient(circle at 50% 76%, rgba(15,20,28,0.94), rgba(7,10,14,1) 58%);
}

.core-orb-privacy{
    background:
        radial-gradient(circle at 30% 24%, rgba(196,210,150,0.22), transparent 20%),
        radial-gradient(circle at 72% 30%, rgba(132,164,212,0.34), transparent 22%),
        radial-gradient(circle at 50% 72%, rgba(16,21,29,0.95), rgba(6,9,13,1) 56%);
}

html[lang="en"] .wordmark-box{
    min-width:300px;
}

html[lang="en"] .wordmark-box strong{
    font-size:27px;
    line-height:1;
    white-space:nowrap;
}

@media (max-width: 900px){
    .core-hero-lead{
        max-width:36ch;
        font-size:15px;
    }

    .core-brand-meta{
        gap:8px;
        margin-top:20px;
    }

    .core-brand-chip{
        min-height:32px;
        padding:0 12px;
        font-size:10px;
    }

    .core-aside-item{
        display:grid;
        grid-template-columns:1fr;
        gap:6px;
    }

    .core-aside-item strong{
        text-align:left;
    }

    html[lang="en"] .wordmark-box{
        min-width:0;
    }

    html[lang="en"] .wordmark-box strong{
        font-size:20px;
    }

    .core-signal-grid{
        grid-template-columns:1fr;
    }

    .core-orb{
        min-height:320px;
    }
}

.coratina-desktop-home{
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.54), transparent 34%),
        linear-gradient(180deg, #eef3ed 0%, #dfeae2 100%);
    color:#1b3028;
}

.coratina-desktop-home .navbar{
    background:rgba(238,243,237,0.9);
    border-bottom:1px solid rgba(27,48,40,0.08);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.coratina-desktop-home .wordmark-box{
    border-color:#1d4036;
    background:#1d4036;
    color:#f3f8f2;
}

.coratina-desktop-home .menu > a,
.coratina-desktop-home .nav-item > .nav-trigger,
.coratina-desktop-home .nav-utility{
    color:#1b3028;
}

.coratina-desktop-home .nav-utility{
    border-color:rgba(27,48,40,0.14);
    background:rgba(255,255,255,0.42);
}

.coratina-desktop-home .nav-caret{
    border-color:#1b3028;
}

.coratina-desktop-home .menu-obsidian::after,
.coratina-desktop-home .menu::after{
    background:rgba(244,248,243,0.88);
}

.coratina-desktop-home .nav-dropdown{
    background:#f4f8f3;
}

.coratina-desktop-home .nav-dropdown::before{
    background:rgba(27,48,40,0.12);
}

.coratina-desktop-home .nav-dropdown::after{
    background:linear-gradient(180deg, rgba(244,248,243,1) 0%, rgba(244,248,243,0) 100%);
}

.coratina-desktop-home .nav-dropdown-col strong{
    color:rgba(27,48,40,0.42);
}

.coratina-desktop-home .nav-dropdown-col a{
    color:#1b3028;
}

.coratina-desktop-home .nav-dropdown-col a::after{
    background:#35564a;
}

.desktop-home-shell{
    width:min(1280px, calc(100% - 80px));
    margin:0 auto;
}

.desktop-home-hero{
    position:relative;
    padding:164px 0 82px;
}

.desktop-hero-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.32fr) minmax(300px, 0.62fr);
    gap:72px;
    align-items:start;
}

.desktop-hero-copy{
    padding:18px 0 0;
}

.desktop-hero-copy h1{
    max-width:10.2ch;
    margin-top:18px;
    font-family:var(--font-serif);
    font-size:clamp(4.2rem, 7vw, 6.85rem);
    line-height:0.92;
    font-weight:400;
    letter-spacing:-0.055em;
    color:#1b3028;
    text-wrap:balance;
}

.desktop-hero-lead{
    max-width:35rem;
    margin-top:28px;
    padding-top:18px;
    border-top:1px solid rgba(27,48,40,0.12);
    color:rgba(27,48,40,0.7);
    font-size:17px;
    line-height:1.94;
    text-wrap:pretty;
}

.desktop-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:36px;
}

.desktop-hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:0;
    margin-top:40px;
}

.desktop-hero-tags span{
    display:inline-flex;
    align-items:center;
    min-height:auto;
    padding:0 18px 0 0;
    margin-right:18px;
    border-right:1px solid rgba(59,91,80,0.18);
    background:none;
    color:rgba(59,91,80,0.72);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.desktop-hero-tags span:last-child{
    margin-right:0;
    padding-right:0;
    border-right:none;
}

.desktop-hero-panel{
    display:grid;
    gap:18px;
    padding:22px 0 0;
    border:none;
    border-top:1px solid rgba(59,91,80,0.22);
    background:transparent;
    box-shadow:none;
}

.desktop-panel-block{
    padding-bottom:22px;
    border-bottom:1px solid rgba(59,91,80,0.18);
}

.desktop-panel-label{
    display:inline-block;
    color:rgba(59,91,80,0.62);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.desktop-panel-block h2{
    margin-top:14px;
    font-family:var(--font-serif);
    font-size:42px;
    line-height:0.96;
    letter-spacing:-0.045em;
    color:#1b3028;
}

.desktop-panel-block p{
    margin-top:14px;
    color:rgba(27,48,40,0.68);
    font-size:15px;
    line-height:1.88;
}

.desktop-panel-metrics{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:20px 24px;
}

.desktop-panel-metrics div{
    padding:18px 0 0;
    border-top:1px solid rgba(59,91,80,0.16);
}

.desktop-panel-metrics span{
    display:block;
    color:rgba(59,91,80,0.62);
    font-size:12px;
    letter-spacing:0.08em;
}

.desktop-panel-metrics strong{
    display:block;
    margin-top:8px;
    color:#1b3028;
    font-size:17px;
    line-height:1.52;
    font-weight:500;
}

.desktop-home-band{
    padding:0 0 42px;
}

.desktop-facts-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:38px;
}

.desktop-fact-card{
    min-height:0;
    padding:24px 0 0;
    border:none;
    border-top:1px solid rgba(59,91,80,0.18);
    background:transparent;
}

.desktop-fact-card span{
    display:block;
    color:rgba(59,91,80,0.62);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.desktop-fact-card strong{
    display:block;
    margin-top:16px;
    color:#1b3028;
    font-size:clamp(2rem, 2.8vw, 2.8rem);
    line-height:1.06;
    font-family:var(--font-serif);
    letter-spacing:-0.04em;
    font-weight:400;
}

.desktop-fact-card p{
    margin-top:14px;
    color:rgba(27,48,40,0.68);
    font-size:15px;
    line-height:1.86;
}

.desktop-home-section{
    padding:72px 0;
    border-top:1px solid rgba(59,91,80,0.16);
}

.desktop-home-section-soft{
    background:transparent;
    border-bottom:none;
}

.desktop-section-head{
    display:grid;
    grid-template-columns:minmax(0, 1.06fr) minmax(280px, 0.56fr);
    gap:42px;
    align-items:end;
    margin-bottom:40px;
}

.desktop-section-head h2{
    margin-top:14px;
    font-family:var(--font-serif);
    font-size:clamp(3rem, 4.8vw, 4.95rem);
    line-height:0.96;
    font-weight:400;
    letter-spacing:-0.045em;
    color:#211913;
}

.desktop-section-head p{
    color:rgba(33,25,19,0.68);
    font-size:16px;
    line-height:1.88;
    text-wrap:pretty;
}

.desktop-feature-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:38px;
}

.desktop-feature-card,
.desktop-flow-step{
    min-height:0;
    padding:22px 0 0;
    border:none;
    border-top:1px solid rgba(33,25,19,0.12);
    background:transparent;
    transition:none;
}

.desktop-feature-card:hover,
.desktop-flow-step:hover{
    transform:none;
    box-shadow:none;
    border-color:rgba(33,25,19,0.12);
}

.desktop-feature-card span,
.desktop-flow-step strong{
    display:block;
    color:rgba(59,91,80,0.62);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.desktop-feature-card h3,
.desktop-flow-step h3{
    margin-top:16px;
    color:#1b3028;
    font-size:31px;
    line-height:1.04;
    letter-spacing:-0.045em;
    font-family:var(--font-serif);
    font-weight:400;
}

.desktop-feature-card p,
.desktop-flow-step p{
    margin-top:14px;
    color:rgba(33,25,19,0.68);
    font-size:15px;
    line-height:1.88;
}

.desktop-flow-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:26px;
}

.desktop-status-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(320px, 0.66fr);
    gap:72px;
    align-items:start;
}

.desktop-status-copy h2{
    margin-top:14px;
    max-width:11.5ch;
    font-family:var(--font-serif);
    font-size:clamp(3rem, 4.8vw, 4.9rem);
    line-height:0.96;
    font-weight:400;
    letter-spacing:-0.045em;
    color:#211913;
}

.desktop-status-copy p{
    max-width:44rem;
    margin-top:18px;
    color:rgba(33,25,19,0.68);
    font-size:16px;
    line-height:1.92;
}

.desktop-status-card{
    display:grid;
    gap:0;
    border:none;
    border-top:1px solid rgba(33,25,19,0.12);
    background:transparent;
}

.desktop-status-item{
    padding:24px 0;
    border-top:1px solid rgba(33,25,19,0.1);
}

.desktop-status-item:first-child{
    border-top:none;
}

.desktop-status-item span{
    display:block;
    color:rgba(33,25,19,0.42);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.desktop-status-item strong{
    display:block;
    margin-top:10px;
    color:#211913;
    font-size:18px;
    line-height:1.65;
    font-weight:500;
}

.coratina-desktop-home .home-hero-link{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:0 0 8px;
    border-bottom:1px solid rgba(59,91,80,0.24);
    color:#35564a;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.18em;
    text-transform:uppercase;
    transition:gap 0.24s ease, border-color 0.24s ease, color 0.24s ease;
}

.coratina-desktop-home .home-hero-link::after{
    width:7px;
    height:7px;
    border-top:1.5px solid currentColor;
    border-right:1.5px solid currentColor;
}

.coratina-desktop-home .home-hero-link:hover,
.coratina-desktop-home .home-hero-link:focus-visible{
    gap:16px;
    color:#1d4036;
    border-color:rgba(53,86,74,0.44);
}

.coratina-desktop-home:not(.english-home-page) .desktop-hero-copy h1,
.coratina-desktop-home:not(.english-home-page) .desktop-section-head h2,
.coratina-desktop-home:not(.english-home-page) .desktop-status-copy h2{
    font-family:var(--font-sans);
    letter-spacing:-0.07em;
}

.coratina-desktop-home:not(.english-home-page) .desktop-hero-copy h1{
    max-width:none;
    font-size:clamp(4rem, 6.8vw, 6.4rem);
    line-height:1.02;
}

.coratina-desktop-home:not(.english-home-page) .desktop-feature-card h3,
.coratina-desktop-home:not(.english-home-page) .desktop-flow-step h3,
.coratina-desktop-home:not(.english-home-page) .desktop-fact-card strong,
.coratina-desktop-home:not(.english-home-page) .desktop-panel-block h2{
    font-family:var(--font-sans);
    letter-spacing:-0.06em;
}

.english-home-page .desktop-hero-copy h1{
    max-width:10ch;
    font-size:clamp(4.1rem, 6.4vw, 6.25rem);
    line-height:0.94;
    letter-spacing:-0.05em;
    text-wrap:balance;
}

.english-home-page .desktop-hero-lead{
    max-width:34rem;
}

.english-home-page .desktop-panel-block h2{
    font-size:38px;
}

.english-home-page .desktop-panel-block p,
.english-home-page .desktop-fact-card p,
.english-home-page .desktop-feature-card p,
.english-home-page .desktop-flow-step p,
.english-home-page .desktop-status-copy p,
.english-home-page .desktop-status-item strong{
    text-wrap:pretty;
}

.english-home-page .desktop-fact-card strong{
    font-size:clamp(2rem, 2.3vw, 2.45rem);
    line-height:1.08;
}

.english-home-page .desktop-feature-card h3,
.english-home-page .desktop-flow-step h3{
    font-size:27px;
    line-height:1.08;
}

.english-home-page .desktop-status-copy h2{
    max-width:13ch;
    font-size:clamp(2.95rem, 4.2vw, 4.1rem);
}

@media (max-width: 1180px){
    .desktop-home-shell{
        width:min(100% - 40px, 100%);
    }

    .desktop-hero-grid,
    .desktop-section-head,
    .desktop-status-grid{
        grid-template-columns:1fr;
    }

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

@media (max-width: 820px){
    .desktop-home-hero{
        padding:124px 0 44px;
    }

    .desktop-facts-grid,
    .desktop-feature-grid,
    .desktop-flow-grid,
    .desktop-panel-metrics{
        grid-template-columns:1fr;
    }

    .desktop-hero-copy h1,
    .desktop-status-copy h2{
        max-width:none;
    }

    .english-home-page .desktop-hero-copy h1,
    .english-home-page .desktop-status-copy h2{
        max-width:none;
    }
}

@media (max-width: 640px){
    .desktop-home-shell{
        width:min(100% - 28px, 100%);
    }

    .desktop-home-hero{
        padding:110px 0 24px;
    }

    .desktop-hero-copy h1{
        max-width:none;
        font-size:clamp(2.7rem, 12.2vw, 4rem);
        overflow-wrap:anywhere;
    }

    .english-home-page .desktop-hero-copy h1{
        max-width:8.4ch;
        font-size:clamp(2.45rem, 10.8vw, 3.5rem);
        line-height:0.98;
        letter-spacing:-0.045em;
    }

    .coratina-desktop-home:not(.english-home-page) .desktop-hero-copy h1{
        font-size:clamp(2.58rem, 11.8vw, 3.9rem);
        line-height:1.04;
    }

    .english-home-page .desktop-fact-card strong,
    .english-home-page .desktop-feature-card h3,
    .english-home-page .desktop-flow-step h3{
        font-size:22px;
    }

    .desktop-hero-lead,
    .desktop-section-head p,
    .desktop-status-copy p{
        font-size:15px;
    }

    .desktop-hero-actions{
        gap:12px;
    }

    .desktop-hero-tags{
        gap:10px 16px;
        margin-top:28px;
    }

    .desktop-hero-tags span{
        padding-right:0;
        margin-right:0;
        border-right:none;
        font-size:10px;
    }

    .desktop-hero-panel,
    .desktop-fact-card,
    .desktop-feature-card,
    .desktop-flow-step,
    .desktop-status-item{
        padding-left:0;
        padding-right:0;
    }
}

@media (min-width: 861px){
    .nav-toggle{
        display:none !important;
    }

    .navbar{
        flex-wrap:nowrap;
        overflow:visible;
    }

    .nav-actions{
        margin-left:0;
    }

    .menu,
    .home-page .menu{
        position:static !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        z-index:auto !important;
        width:auto !important;
        display:flex !important;
        grid-template-columns:none !important;
        gap:34px !important;
        padding:0 !important;
        background:transparent !important;
        border-top:none !important;
        box-shadow:none !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:none !important;
        max-height:none !important;
        overflow:visible !important;
    }

    .menu > * + *,
    .page-light .menu > * + *,
    .home-page .menu > * + *{
        border-top:none !important;
    }

    .menu > a,
    .nav-item,
    .nav-item > a,
    .nav-item > .nav-trigger{
        width:auto !important;
    }
}