@font-face{font-family:Inter;src:url('assets/fonts/inter-regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Inter;src:url('assets/fonts/inter-semibold.woff2') format('woff2');font-display:swap;font-weight:600 700}
@font-face{font-family:Instrument Serif;src:url('assets/fonts/instrument-serif.woff2') format('woff2');font-display:swap;font-weight:400}
:root{color-scheme:light;--paper:#edf3f5;--paper-deep:#e2ebee;--ink:#20272b;--muted:#617077;--blue:#286d83;--blue-dark:#194e61;--line:#c9d5d9;--cream:#fbfaf6;--warm:#d8ba92;--sans:Inter,'Microsoft YaHei',sans-serif;--serif:'Instrument Serif','STSong',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,p,figure,dl{margin:0}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:12px;z-index:10;padding:8px 14px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:76px;padding-inline:max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9d5d988}.wordmark{display:flex;align-items:center;gap:12px;font:500 16px/1.25 var(--serif);letter-spacing:.05em}.wordmark small{display:block;margin-top:5px;color:var(--muted);font:600 8px/1 var(--sans);letter-spacing:.18em}.mark{width:28px;height:28px;border:1px solid var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-15deg)}.mark i{width:2px;height:13px;background:var(--blue);border-radius:2px}.mark i:nth-child(2){height:19px}.mark i:nth-child(3){height:9px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav>a{font-size:12px;color:#46565e;transition:color .2s}.site-header nav>a:hover,.footer-brand:hover,.top-link:hover{color:var(--blue)}.language-toggle{padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--blue-dark);font-size:10px;font-weight:700;letter-spacing:.07em;cursor:pointer}
.hero{position:relative;min-height:600px;padding-block:82px 86px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:7.4%}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.16em}.eyebrow-line{width:28px;height:1px;background:var(--blue)}h1{margin-top:22px;font:500 clamp(38px,5.4vw,69px)/1.2 var(--serif);letter-spacing:.055em}h1 .title-en{display:block;margin-top:10px;color:var(--blue);font:500 clamp(21px,2.4vw,31px)/1.2 var(--serif);letter-spacing:.02em}.hero-intro{max-width:420px;margin-top:24px;font:500 16px/1.9 var(--serif);letter-spacing:.025em}.hero-detail{margin-top:6px;color:var(--muted);font-size:12px;letter-spacing:.03em}.primary-link{display:inline-flex;align-items:center;gap:25px;margin-top:33px;padding:12px 0;border-bottom:1px solid var(--blue);color:var(--blue-dark);font:500 13px var(--serif)}.arrow{font:20px var(--sans);transition:transform .2s}.primary-link:hover .arrow{transform:translate(3px,3px)}.availability{display:flex;align-items:center;gap:9px;margin-top:19px;color:var(--muted);font-size:10px;letter-spacing:.03em}.status-dot{width:6px;height:6px;border-radius:50%;background:#b8945e;box-shadow:0 0 0 4px #b8945e20}.hero-art{position:relative;z-index:0}.art-mat{position:relative;padding:12px;background:var(--cream);box-shadow:0 24px 60px #27363b12;transform:rotate(1.2deg)}.art-mat:before{content:'';position:absolute;inset:6px;border:1px solid #d8d1c6;pointer-events:none;z-index:1}.art-mat img{width:100%;aspect-ratio:1.78;object-fit:cover}.hero-art figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:16px;color:var(--muted);font:10px var(--sans);letter-spacing:.06em}.hero-art figcaption span:first-child{color:var(--blue)}.art-note{position:absolute;right:-18px;bottom:42px;color:var(--blue);font:italic 18px var(--serif);transform:rotate(-8deg)}.hero-index{position:absolute;left:0;bottom:30px;color:#82939a;font:600 8px var(--sans);letter-spacing:.2em}
.download-band{background:var(--blue-dark);color:#f3f6f4;padding-block:75px}.download-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:12%}.download-copy .eyebrow{color:#b8d8df}.download-copy .eyebrow-line{background:#b8d8df}.download-copy h2{margin-top:19px;font:500 clamp(26px,3vw,38px)/1.4 var(--serif);letter-spacing:.05em}.download-copy>p:not(.eyebrow){max-width:420px;margin-top:13px;color:#d2e0e3;font-size:13px;line-height:1.9}.download-copy .requirements{font-size:10px!important;color:#a9c3c9!important;letter-spacing:.04em}.download-card{padding:25px 28px 22px;background:#f8faf8;color:var(--ink);box-shadow:0 16px 36px #102f382e}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.version{color:var(--blue-dark);font:500 24px var(--serif)}.card-rule{height:1px;margin:15px 0 8px;background:var(--line)}.specs>div{display:grid;grid-template-columns:1fr auto;gap:12px;padding-block:7px;border-bottom:1px solid #dce4e5}.specs dt{color:var(--muted);font-size:10px}.specs dd{margin:0;font-size:10px}.download-button{width:100%;margin-top:17px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;background:#c7d1d3;color:#586a70;font-size:12px;font-weight:600;cursor:not-allowed}.download-icon{font-size:18px}.card-note{margin-top:9px;color:var(--muted);font-size:9px;text-align:center}
.story{position:relative;display:grid;grid-template-columns:.58fr 1fr .45fr;gap:42px;padding-block:92px 102px;overflow:hidden}.story-label{display:flex;gap:13px;align-items:flex-start;color:var(--blue);font-size:10px;letter-spacing:.1em}.story-label span:first-child{font:24px/1 var(--serif)}.story-label span:last-child{padding-top:5px}.story-content h2{font:500 clamp(25px,3.1vw,37px)/1.55 var(--serif);letter-spacing:.06em}.story-content>p{margin-top:19px;color:#526168;font:13px/2 var(--serif)}.story-foot{display:flex;align-items:center;gap:12px;margin-top:25px;color:var(--muted);font-size:9px}.small-rule{width:22px;height:1px;background:var(--blue)}.story-aside{align-self:center;justify-self:end;display:flex;flex-direction:column;align-items:flex-start;color:#b5c8cc;font-size:9px;font-weight:700;line-height:1.8;letter-spacing:.19em;transform:rotate(-8deg)}.story-aside em{margin-top:5px;color:var(--blue);font:italic 39px/1 var(--serif);letter-spacing:0}
.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:10px}.footer-brand span:last-child{font-size:15px}.footer-inner p{color:#78868a;font-size:8px;font-weight:700;letter-spacing:.16em}.top-link{color:var(--muted);font-size:9px}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:66px;padding-inline:20px}.wordmark{font-size:14px}.site-header nav{gap:15px}.site-header nav>a{font-size:10px}.language-toggle{padding:6px 8px}.hero{min-height:0;padding-block:55px 62px;grid-template-columns:1fr;gap:36px}.hero-copy{max-width:550px}.hero-art{width:100%;max-width:570px;justify-self:center}.hero-index{bottom:21px}.art-note{right:-3px}.download-band{padding-block:54px}.download-layout{grid-template-columns:1fr;gap:28px}.download-card{max-width:500px;width:100%;justify-self:center}.story{grid-template-columns:1fr;gap:23px;padding-block:60px 68px}.story-content{max-width:620px}.story-aside{position:absolute;right:0;bottom:34px;opacity:.6;transform:scale(.8) rotate(-8deg);transform-origin:right bottom}.footer-inner{min-height:76px;flex-wrap:wrap;padding-block:16px}.footer-inner p{display:none}}
@media(max-width:390px){.site-header nav{gap:10px}.site-header nav>a{font-size:9px}.hero{padding-top:43px}.hero-intro{font-size:15px}.download-card{padding:21px}.hero-art figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}