@font-face {
  font-family: "Yuexiang Heiti";
  src: url("./assets/fonts/noto-sans-sc-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Yuexiang Heiti";
  src: url("./assets/fonts/noto-sans-sc-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Yuexiang Heiti";
  src: url("./assets/fonts/noto-sans-sc-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root { --black:#080808; --ink:#111; --white:#f6f6f3; --gray:#1f1f1f; --red:#e7192d; --gutter:clamp(24px,4.2vw,68px); --sans:"Helvetica Neue","SF Pro Display","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif; --heiti:"Yuexiang Heiti","Noto Sans SC","SimHei","Heiti SC","STHeiti","Microsoft YaHei",sans-serif; --heiti-sub:"Yuexiang Heiti","Noto Sans SC","SimHei","PingFang SC","Microsoft YaHei",sans-serif; --stat-number:"Arial Black","Helvetica Neue","Impact","SimHei",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--gray); }
body { margin:0; overflow-x:hidden; background:var(--gray); color:var(--ink); font-family:var(--sans); font-synthesis:none; -webkit-font-smoothing:antialiased; }
h1,h2,h3 { font-family:var(--heiti); font-weight:700; font-synthesis:none; letter-spacing:-.04em; }
.about-hero__heading p,
.about-hero__copy p,
.about-hero__facts dd,
.recognitions__header > div > p,
.recognitions__period,
.recognition p { font-family:var(--heiti-sub); font-weight:400; font-synthesis:none; letter-spacing:0; }
a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } button,input { font:inherit; color:inherit; }
.about-nav { position:fixed; z-index:20; inset:0 0 auto; height:80px; padding:0 var(--gutter); display:flex; align-items:center; justify-content:space-between; gap:30px; color:#fff; background:rgb(8 8 8 / .88); }
.about-nav__brand,.about-nav__right,.about-nav nav,.about-signature { display:flex; align-items:center; }
.about-nav__brand { gap:clamp(16px,1.6vw,28px); }
.about-nav__mark { width:clamp(104px,8.4vw,138px); }
.about-nav__mark img { display:block; width:100%; height:auto; }
.about-signature { gap:12px; padding-left:clamp(14px,1.6vw,26px); border-left:1px solid rgb(255 255 255 / .25); color:rgb(255 255 255 / .76); font-size:clamp(10px,.74vw,12px); font-weight:300; letter-spacing:.16em; white-space:nowrap; }
.about-signature__wave { width: 46px; height: 23px; flex: 0 0 auto; display: block; object-fit: contain; opacity: .76; }
.about-nav__right { gap:clamp(40px,4.5vw,72px); }
.about-nav nav { gap:clamp(48px,5.5vw,92px); }
.about-nav nav a { display:grid; gap:4px; justify-items:center; text-align:center; color:rgb(255 255 255 / .82); font-size:12px; font-weight:300; letter-spacing:.08em; white-space:nowrap; }
.about-nav nav a > span { font-size:1.5em; font-weight:700; line-height:1.1; }
.about-nav nav small { color:rgb(255 255 255 / .72); font-size:7px; font-weight:500; letter-spacing:.24em; text-align:center; }
.about-nav nav a[aria-current="page"] { color:#fff; }
.about-search { position:relative; display:flex; align-items:center; justify-content:flex-end; gap:0; width:32px; height:32px; padding:0; border:0; border-radius:0; background:transparent; overflow:hidden; transition:width .32s ease,padding .32s ease,gap .32s ease,border-color .2s ease,background-color .2s ease; }
.about-search.is-open { width:clamp(220px,20vw,320px); gap:8px; padding:0 10px 0 14px; border:1px solid rgb(255 255 255 / .42); border-radius:4px; background:rgb(255 255 255 / .08); }
.about-search label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.about-search input { flex:1; min-width:0; width:0; padding:0; border:0; outline:0; background:transparent; color:#fff; font-size:12px; font-weight:300; opacity:0; pointer-events:none; transition:opacity .22s ease; }
.about-search.is-open input { width:auto; opacity:1; pointer-events:auto; }
.about-search input::placeholder { color:rgb(255 255 255 / .42); }
.about-search__toggle { flex:0 0 auto; display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; background:transparent; color:rgb(255 255 255 / .55); cursor:pointer; transition:color .2s ease; }
.about-search__toggle:hover,.about-search__toggle:focus-visible { color:#fff; outline:none; }
.about-search.is-open .about-search__toggle { width:20px; height:20px; }
.about-search__icon { display:block; }
.about-hero { min-height:100dvh; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:auto 1fr auto; padding:clamp(130px,16vh,176px) var(--gutter) clamp(72px,9vh,104px); background:var(--gray); color:var(--white); }
.about-hero__heading { grid-column:1 / span 7; }
.about-hero__heading h1,.about-hero__heading p { margin:0; }
.about-hero__heading p { margin-bottom:18px; color:var(--red); font-size:9px; letter-spacing:.28em; }
.about-hero__heading h1 { font-size: clamp(42px, 5.2vw, 72px); line-height: .92; letter-spacing: -.02em; }
.about-hero__story { display:grid; grid-column:3 / -1; grid-row:3; grid-template-columns:minmax(230px,3fr) minmax(0,6fr); gap:clamp(64px,9vw,148px); align-items:end; }
.about-hero__identity img { width:min(100%,250px); filter:brightness(0) invert(1); opacity:.78; }
.about-hero__facts { display:grid; gap:14px; margin:38px 0 0; }
.about-hero__facts div { display:grid; grid-template-columns:105px 1fr; gap:12px; }
.about-hero__facts dt { color:var(--red); font-size:7px; font-weight:500; letter-spacing:.18em; }
.about-hero__facts dd { margin:0; color:rgb(246 246 243 / .66); font-size:11px; }
.about-hero__copy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(40px,6vw,86px); }
.about-hero__copy p { margin:0; max-width:31em; color:rgb(246 246 243 / .72); font-size:clamp(13px,1vw,15px); line-height:2; letter-spacing:.01em; }
.recognitions { min-height:100dvh; padding:clamp(120px,16vh,180px) var(--gutter) clamp(140px,18vh,210px); background:#fff; }
.recognitions__header { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); align-items:end; min-height:clamp(190px,26vh,280px); padding-bottom:clamp(68px,9vh,104px); }
.recognitions__header > div { grid-column:1 / span 7; }
.recognitions__header h2,.recognitions__header p { margin:0; }
.recognitions .section-heading__eyebrow + h2 { margin-top: 0; }
.recognitions .section-heading__eyebrow { color: #737373; }
.recognitions h2 + .section-heading__eyebrow { margin-top: clamp(14px, 1.6vh, 20px) !important; }
.recognitions__header h2 { font-size:clamp(48px,6vw,86px); line-height:.94; letter-spacing:-.02em; }
.recognitions__period { grid-column:9 / -1; max-width:24em; justify-self:end; color:#666; font-size:13px; line-height:1.8; text-align:right; }
.recognitions__list { border-top:1px solid rgb(17 17 17 / .26); }
.recognition { display:grid; grid-template-columns:110px minmax(0,1fr) minmax(160px,.8fr); gap:clamp(24px,4vw,70px); align-items:baseline; min-height:clamp(105px,13vh,142px); padding:clamp(28px,4vh,42px) 0; border-bottom:1px solid rgb(17 17 17 / .14); }
.recognition time,.recognition h3,.recognition p { margin:0; }
.recognition time { color:var(--red); font-size:11px; font-weight:500; letter-spacing:.12em; }
.recognition h3 { max-width:26em; font-size:clamp(19px,1.7vw,27px); line-height:1.4; letter-spacing:-.01em; }
.recognition p { justify-self:end; color:#888; font-size:8px; font-weight:500; letter-spacing:.18em; text-align:right; }
.about-footer { display:grid; grid-template-columns:1fr auto 1fr; gap:28px; align-items:center; padding:34px var(--gutter); background:var(--black); color:#777; font-size:10px; }
.about-footer p { margin:0; text-align:center; } .about-footer a:first-child { color:#fff; font-size:12px; } .about-footer a:last-child { justify-self:end; }
@media (max-width:1100px) { .about-signature { display:none; } .about-nav nav { gap:36px; } }
@media (max-width:767px) { :root { --gutter:20px; } .about-nav { height:66px; } .about-nav__mark { width:108px; } .about-nav nav { display:none; } .about-search.is-open { width:min(220px,calc(100vw - var(--gutter) * 2 - 120px)); } .about-hero { display:flex; flex-direction:column; min-height:100dvh; padding-top:112px; } .about-hero__heading h1 { font-size:44px; } .about-hero__story { display:grid; grid-template-columns:1fr; gap:46px; margin-top:auto; } .about-hero__identity img { width:170px; } .about-hero__facts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px; } .about-hero__facts div { display:block; } .about-hero__facts dd { margin-top:7px; font-size:9px; } .about-hero__copy { grid-template-columns:1fr; gap:14px; } .about-hero__copy p { font-size:12px; line-height:1.8; } .recognitions { min-height:0; padding:100px 20px 120px; } .recognitions__header { display:block; min-height:220px; } .recognitions__period { margin-top:32px!important; max-width:20em; text-align:left; } .recognition { grid-template-columns:58px 1fr; gap:16px; } .recognition p { display:none; } .about-footer { grid-template-columns:1fr; gap:10px; } .about-footer p { text-align:left; } .about-footer a:last-child { justify-self:start; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .about-hero__heading,.about-hero__identity,.about-hero__copy,.recognitions__header,.recognition { opacity:1!important; visibility:visible!important; transform:none!important; } }