@charset "UTF-8";
:root{--paper:#f6f3ec;--ink:#202321;--muted:#6c706b;--red:#cb392f;--line:#d8d9d1;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{max-width:100%;display:block}figure{margin:0}p{line-height:1.85}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h2{font-size:clamp(32px,3.4vw,51px);line-height:1.45;letter-spacing:-.045em}h3{letter-spacing:-.025em}.serif{font-family:var(--serif);font-weight:500}.accent{color:var(--red)}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.16em;font-weight:600;margin-bottom:25px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:white;padding:15px}.skip:focus{top:10px}.header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(246,243,236,.96);z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-size:28px;letter-spacing:-.1em;color:var(--red);font-weight:800;writing-mode:vertical-rl;line-height:1}.brand-en{font-size:19px;letter-spacing:.12em;font-weight:750}.brand-en span{display:block;font-size:8px;letter-spacing:.22em;margin-top:2px}nav{display:flex;gap:30px;align-items:center}nav a{font-size:12px}nav a:hover{color:var(--red)}.nav-contact{margin-left:14px;border-bottom:1px solid var(--ink);padding-bottom:8px}.nav-contact span{margin-left:24px}.menu-toggle{display:none;border:0;background:none}.hero{max-width:1600px;display:grid;grid-template-columns:1.12fr 1fr;margin:auto;min-height:680px}.hero-copy{padding:65px 6vw 25px 5vw;position:relative}.red-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px}h1{font-size:clamp(42px,4.7vw,73px);line-height:1.25;letter-spacing:-.07em;margin-bottom:25px}.hero-opc{font-family:Arial,sans-serif;font-size:1.22em;letter-spacing:-.07em}.title-period{font-weight:400}.hero-description{font-size:14px;color:#60675f;line-height:1.9;margin-bottom:30px}.hero-actions{display:flex;gap:30px;align-items:center}.button{padding:16px 22px;display:inline-flex;gap:40px;align-items:center;font-size:12px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--red)}.text-link{padding:8px 0;display:inline-flex;gap:27px;font-size:12px;border:0;border-bottom:1px solid currentColor;background:none}.text-link:hover{color:var(--red)}.hero-note{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:45px;font-size:9px;letter-spacing:.06em;color:var(--muted)}.hero-photo{position:relative;overflow:hidden;min-height:680px;background:#0b173e}.hero-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 37%}.hero-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65))}.hero-photo figcaption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;color:white;z-index:1;font-size:10px;letter-spacing:.08em}.photo-label{position:absolute;top:30px;right:30px;color:white;writing-mode:vertical-rl;font-size:13px;letter-spacing:.15em;line-height:2}.numbers{padding:40px 5% 20px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;gap:25px}.numbers>div{border-right:1px solid var(--line);padding-right:15px}.numbers>div:nth-child(4){border:0}.numbers strong{font-size:clamp(33px,3.7vw,57px);font-weight:500;letter-spacing:-.055em;line-height:1.2}.numbers strong span{font-size:.38em;margin-left:4px}.numbers p{font-size:10px;margin:8px 0 0;color:var(--muted)}.numbers .numbers-source{grid-column:1/-1;font-size:9px;margin:0;text-align:right}.section{padding:100px 7%;max-width:1600px;margin:auto}.section-heading{max-width:730px}.section-intro{font-size:14px;color:var(--muted);max-width:620px}.opc-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:8%;margin-top:48px}.rank-panel{background:#e8e9df;padding:35px;position:relative}.rank-panel .eyebrow{margin-bottom:5px}.rank{font-size:135px;line-height:1.15;letter-spacing:-.09em;color:var(--red);font-family:Arial,sans-serif;font-weight:500}.rank span{font-size:22px;letter-spacing:0;vertical-align:baseline;margin-right:18px}.rank-panel h3{font-size:24px;line-height:1.5;margin:10px 0 15px}.rank-panel p:not(.eyebrow){font-size:11px;color:var(--muted)}.story-line{display:flex;gap:20px;padding:23px 0;border-top:1px solid var(--line)}.story-number{font-size:11px;color:var(--red);padding-top:4px}.story-line h3{font-size:19px;margin-bottom:9px}.story-line p{font-size:13px;color:var(--muted);margin-bottom:0}.scope-note{font-size:10px;color:#878b82}.media-line{margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.media-line>span{font-size:10px;color:var(--muted);margin-right:12px}.media-line b{font-family:var(--serif);font-weight:600;font-size:17px}.founder-section{display:grid;grid-template-columns:1fr 1fr;background:#e8e9e1}.founder-image{position:relative;min-height:650px}.founder-image img{height:100%;width:100%;object-fit:cover;object-position:52% center;position:absolute}.image-index{position:absolute;bottom:22px;left:25px;background:var(--paper);padding:8px 12px;font-size:9px;letter-spacing:.1em}.founder-copy{padding:65px 11%}.founder-copy h2{font-size:43px;line-height:1.3;margin-bottom:20px}.founder-copy h2 span{display:block;font-size:23px;letter-spacing:-.02em;margin-top:16px;line-height:1.6}.founder-copy>p:not(.eyebrow){font-size:13px;color:var(--muted)}blockquote{font-size:22px;font-family:var(--serif);margin:25px 0;color:var(--red)}.credentials{padding:0;list-style:none;border-top:1px solid #d0d3c8;margin-bottom:16px}.credentials li{padding:13px 0;border-bottom:1px solid #d0d3c8;font-size:11px;line-height:1.7}.credentials span{color:var(--muted);margin-right:14px;display:inline-block}.works-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.works-heading h2{margin-bottom:0}.works-heading>p{font-size:12px;color:var(--muted);margin-bottom:8px}.work-filters{display:flex;gap:27px;border-bottom:1px solid var(--line);margin:40px 0 30px;overflow:auto;white-space:nowrap}.work-filters button{padding:14px 0;background:none;border:0;color:var(--muted);font-size:12px;border-bottom:2px solid transparent}.work-filters button.active{border-color:var(--red);color:var(--red)}.work-filters sup{font-size:9px;margin-left:5px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 30px}.work-card{padding:0;background:none;border:0;text-align:left;width:100%}.work-card[hidden]{display:none}.work-cover{height:auto;aspect-ratio:1.72;overflow:hidden;background:#e1e1d8;position:relative}.work-cover img{height:100%;width:100%;object-fit:cover;transition:transform .6s;object-position:center}.work-card[data-project="panda"] .work-cover img{object-position:50% 40%}.work-card:hover .work-cover img{transform:scale(1.035)}.work-open{position:absolute;right:15px;bottom:15px;background:var(--paper);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:19px;transition:background .2s,color .2s}.work-card:hover .work-open{background:var(--red);color:white}.work-info{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px}.work-info h3{font-size:18px;margin:0 0 7px}.work-info p{font-size:11px;color:var(--muted);margin:0}.work-info>span{font-size:10px;color:var(--red);white-space:nowrap;padding-top:4px}.cangjie-section{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--ink);color:var(--paper);align-items:center}.cangjie-copy{padding:60px 13%}.cangjie-copy h2{font-size:43px}.cangjie-copy h2 span{font-size:23px;line-height:1.6;display:block;margin-top:15px}.cangjie-copy>p:not(.eyebrow){font-size:12px;color:#babeb5}.cangjie-section>figure{padding:40px 40px 40px 0}.cangjie-section img{width:100%;aspect-ratio:1.5;object-fit:cover}.cangjie-section figcaption{font-size:10px;color:#babeb5;margin-top:13px}.factory-visual{margin-top:40px;position:relative}.factory-visual img{width:100%;aspect-ratio:2.3;object-fit:cover;object-position:center 48%}.factory-caption{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.03em}.factory-points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}.factory-points article>span{font-size:9px;color:var(--red);letter-spacing:.1em}.factory-points h3{font-size:20px;margin:17px 0 12px}.factory-points p{font-size:12px;color:var(--muted);margin:0}.factory-status{font-size:10px;margin-top:30px;color:#858b80}.ecosystem-section{border-top:1px solid var(--line)}.event-gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-top:42px}.event-gallery figure{position:relative;overflow:hidden}.event-large{grid-row:span 2;min-height:420px}.event-gallery img{height:100%;width:100%;object-fit:cover;position:absolute}.event-gallery figure:not(.event-large){min-height:203px}.event-gallery figcaption{position:absolute;bottom:0;left:0;padding:35px 18px 15px;width:100%;font-size:11px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.7))}.ecosystem-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.ecosystem-lines h3{font-size:19px}.ecosystem-lines p{font-size:12px;color:var(--muted);margin-bottom:0}.contact-section{padding:75px 7%;background:var(--red);color:var(--paper)}.contact-section h2{font-size:clamp(35px,5vw,73px);letter-spacing:-.05em}.contact-section h2 span{display:block}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff55;padding-top:25px}.contact-bottom p{font-size:12px;margin:0}.button-cream{background:var(--paper);color:var(--ink)}.contact-email{font-family:Arial,sans-serif;font-size:17px;display:inline-block;margin-top:25px;border-bottom:1px solid #ffffff66;padding-bottom:5px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:18px;font-weight:700;letter-spacing:.05em}footer p{font-size:10px;margin:0}footer p span{color:var(--muted);font-size:9px}footer>a:last-child{font-size:10px;white-space:nowrap}dialog{border:0;padding:0;max-width:860px;width:calc(100% - 40px);max-height:90vh;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:rgba(20,24,22,.8);backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:14px;left:calc(100% - 55px);height:40px;width:40px;z-index:3;border:0;background:var(--paper);border-radius:50%;font-size:27px;margin-bottom:-40px;box-shadow:0 2px 12px #0002}.dialog-content{padding:30px}.dialog-content img{width:100%;max-height:66vh;object-fit:contain;background:#e8e8e0;margin-bottom:25px}.dialog-content h2{font-size:28px;margin-bottom:15px}.dialog-content p{font-size:13px;color:var(--muted)}.dialog-category{font-size:10px;color:var(--red);letter-spacing:.1em;margin:16px 0}.dialog-content .dialog-footnote{font-size:10px;margin-bottom:0}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero-copy{padding-left:80px;padding-right:95px}.hero{min-height:760px}.hero-photo{min-height:760px}}
@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:45px}.hero{min-height:610px}.hero-photo{min-height:610px}h1{font-size:49px}.hero-note{flex-direction:column}.section{padding:75px 6%}.opc-layout{gap:5%}.rank-panel{padding:25px}.rank{font-size:115px}.founder-copy{padding:45px 9%}.founder-image{min-height:610px}.cangjie-copy{padding:45px 12%}.cangjie-copy h2{font-size:35px}.cangjie-section>figure{padding-right:25px}.factory-points{gap:22px}.media-line{gap:20px}.media-line b{font-size:15px}}
@media(max-width:700px){html{scroll-padding-top:72px}.header{height:72px;padding:0 6%}.brand-mark{font-size:23px}.brand-en{font-size:16px}.brand-en span{font-size:7px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 6% 30px;border-bottom:1px solid var(--line);align-items:flex-start;gap:22px}nav.open{display:flex;flex-direction:column}nav a{font-size:14px}.nav-contact{margin:0}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px 0 10px 15px}.menu-toggle span{width:22px;height:1px;background:var(--ink)}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:40px 6% 25px}h1{font-size:clamp(43px,9.7vw,64px);margin-bottom:20px}.hero-description{font-size:13px}.hero-actions{gap:26px}.hero-note{flex-direction:row;margin-top:32px;font-size:8px}.hero-photo{min-height:440px;max-height:580px;aspect-ratio:1.05}.hero-photo img{object-position:50% 34%}.photo-label{top:22px;right:20px}.hero-photo figcaption{left:22px;right:22px;bottom:22px;font-size:9px}.numbers{padding:28px 6% 18px;grid-template-columns:repeat(2,1fr);gap:25px 20px}.numbers>div:nth-child(2){border:0}.numbers strong{font-size:42px}.numbers p{font-size:9px}.numbers .numbers-source{font-size:8px}.section{padding:60px 6%}h2{font-size:31px;letter-spacing:-.035em}.eyebrow{font-size:9px;margin-bottom:20px}.section-intro{font-size:13px}.opc-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}.rank-panel{padding:28px}.rank{font-size:115px}.rank-panel h3{font-size:24px}.story-line{padding:22px 0}.story-line h3{font-size:18px}.story-line p{font-size:12px}.media-line{margin-top:30px;gap:15px 20px;padding:20px 0}.media-line>span{flex-basis:100%}.media-line b{font-size:15px}.founder-section{grid-template-columns:1fr}.founder-image{min-height:330px;aspect-ratio:1.2}.founder-copy{padding:40px 6%}.founder-copy h2{font-size:38px}.founder-copy h2 span{font-size:23px}.credentials li{font-size:11px}.works-heading{display:block}.works-heading>p{margin-top:18px}.work-filters{gap:23px;margin:25px 0}.work-filters button{font-size:11px}.work-grid{grid-template-columns:1fr;gap:30px}.work-info h3{font-size:18px}.work-info p{font-size:11px}.cangjie-section{grid-template-columns:1fr}.cangjie-copy{padding:45px 6% 30px}.cangjie-copy h2{font-size:36px}.cangjie-copy h2 span{font-size:24px}.cangjie-section>figure{padding:0 6% 35px}.factory-visual img{aspect-ratio:1.5}.factory-caption{font-size:9px;gap:15px}.factory-points{grid-template-columns:1fr;gap:23px}.factory-points article{border-bottom:1px solid var(--line);padding-bottom:22px}.factory-points h3{margin:12px 0 8px;font-size:20px}.factory-status{font-size:9px}.event-gallery{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.event-large{grid-row:auto;grid-column:1/-1;min-height:260px}.event-gallery figure:not(.event-large){min-height:170px}.event-gallery figcaption{font-size:9px;padding:28px 10px 10px}.ecosystem-lines{grid-template-columns:1fr;gap:22px;margin-top:28px}.ecosystem-lines article{border-bottom:1px solid var(--line);padding-bottom:20px}.ecosystem-lines h3{margin-bottom:8px}.contact-section{padding:50px 6%}.contact-section h2{font-size:39px}.contact-bottom{align-items:flex-start;flex-direction:column}.contact-bottom p{font-size:10px}.contact-email{font-size:16px}footer{padding:30px 6%;flex-wrap:wrap;gap:20px}.footer-brand{font-size:16px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto}dialog{width:calc(100% - 20px)}.dialog-content{padding:20px}.dialog-content h2{font-size:24px}.dialog-content p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}