@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600&display=swap";:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#30382d;background:var(--scene-tint,#e4e3d7);font-synthesis:none;--ink:#30382d;--red:#ae392d;--paper:#f3f0e5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:hover,a:hover{color:var(--red)}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);padding:15px}.skip-link:focus{top:15px}header{height:94px;position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:5}.identity{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600}.identity img{width:36px}.identity small{font-size:12px;letter-spacing:.1em;margin-left:7px;font-weight:400}header nav{display:flex;gap:28px;font-size:13px}header nav button{padding:10px 0}#language{border-left:1px solid #30382d40;padding-left:26px}main{min-height:750px;height:calc(100svh - 92px);position:relative;overflow:hidden}.back-type{position:absolute;left:5%;top:19%;font-family:Georgia,serif;font-size:clamp(110px,20vw,350px);letter-spacing:-.08em;color:#5d684415;line-height:1;pointer-events:none}.stage{position:absolute;width:62%;height:100%;left:0;top:0;background:radial-gradient(ellipse at 50% 45%,#ffffff20,transparent 65%);touch-action:pan-y}.stage canvas{display:block;outline:none;touch-action:pan-y!important}.hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.scene-pin{position:absolute;transform:translate(-50%,-50%);height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:0;border-radius:50%;color:#30382d}.pin-dot{width:13px;height:13px;border:3px solid #fff9e7;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #fff9e73a;transition:box-shadow .2s}.scene-pin:hover .pin-dot,.scene-pin:focus-visible .pin-dot,.scene-pin.selected .pin-dot{box-shadow:0 0 0 8px #fff9e78a}.pin-name{position:absolute;left:36px;white-space:nowrap;font-size:9px;letter-spacing:.09em;background:#f5f0e4;padding:6px 8px;border-radius:2px;opacity:0;transform:translate(-5px);transition:.2s;pointer-events:none}.scene-pin:hover .pin-name,.scene-pin:focus-visible .pin-name{opacity:1;transform:none}.edition{position:absolute;top:123px;left:4%;font-size:9px;letter-spacing:.17em;line-height:1.7;pointer-events:none}.edition span{opacity:.48}.story-panel{position:absolute;left:62%;right:5%;top:50%;transform:translateY(-46%);max-width:510px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;margin:0 0 26px;text-transform:uppercase;color:#566047}h1{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-size:clamp(30px,3.3vw,58px);line-height:1.55;letter-spacing:-.045em;font-weight:500;margin:0 0 23px;white-space:pre-line}html[lang=en] h1{font-family:Georgia,serif;line-height:1.12;font-size:clamp(34px,4vw,63px);letter-spacing:-.045em}.intro{font-size:14px;line-height:1.9;margin:0;max-width:440px;color:#55604e}.notes{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:10px;color:#626956;line-height:1.5}.notes span:before{content:"—";margin-right:8px;opacity:.5}main[data-chapter=hello] .notes{flex-direction:row;gap:18px;flex-wrap:wrap;font-size:11px}.actions{display:flex;gap:22px;align-items:center;margin-top:30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);color:#fff9ec;padding:15px 20px;font-size:12px}.primary:hover{background:#913528;color:#fff}.text-button{padding:8px 0;font-size:12px;border-bottom:1px solid #92977d}.related{margin-top:28px;display:flex;flex-wrap:wrap;gap:0 16px;max-width:440px}.related button{font-size:10px;padding:8px 0;border-bottom:1px solid #b3b8a1}.related button span{margin-left:10px;color:#7c806d}.stage-caption{position:absolute;bottom:28px;left:4%;display:flex;align-items:center;gap:8px;font-size:10px;color:#6a715f}.status-dot{height:5px;width:5px;border-radius:50%;background:#9b7150}.stage-hint{position:absolute;left:36%;bottom:28px;font-size:9px;color:#737b68}.fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 10%;text-align:center}.fallback>span{font:250px Georgia,serif;color:#798267}.fallback p{font-size:14px;line-height:1.8}footer{height:92px;margin:0 4%;border-top:1px solid #53614532;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.chapter-count{display:flex;align-items:baseline;gap:12px;font-size:10px}.chapter-count strong{font:26px Georgia,serif}.chapter-count span{color:#8a907d}#chapters{display:flex;gap:clamp(13px,2vw,42px)}#chapters button{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;position:relative;padding:8px}.chapter-dot{height:5px;width:5px;border:1px solid #727d64;border-radius:50%}#chapters [aria-current]{color:var(--red)}#chapters [aria-current] .chapter-dot{background:var(--red);border-color:var(--red);box-shadow:0 0 0 4px #ae392d15}.arrows{display:flex;gap:8px}.arrows button{border:1px solid #53614532;border-radius:50%;width:37px;height:37px}dialog{margin:0 0 0 auto;height:100%;max-height:100%;width:min(750px,95%);max-width:none;border:0;border-left:1px solid #c6c6af;background:var(--paper);padding:0;color:var(--ink)}dialog::backdrop{background:#252b2155;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;border-bottom:1px solid #c5c7b6;font-size:12px;position:sticky;top:0;background:var(--paper);z-index:1}.dialog-bar button{padding:10px}#dialog-body{padding:48px 55px 70px}h2{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-size:35px;font-weight:500;line-height:1.55;margin:0 0 40px}h3{font-size:23px;font-weight:500;line-height:1.6;margin:12px 0}.project{border-top:1px solid #bfc4af;padding:28px 0 30px}.project p,.reader-section p{font-size:14px;color:#5c6653;line-height:1.9}.project-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#69715f}.project small{display:block;font-size:11px;color:#737a69;line-height:1.8}.project a{display:inline-block;border-bottom:1px solid #8b977c;margin-top:20px;padding-bottom:5px;font-size:12px}.reader-section{border-top:1px solid #bfc4af;padding:30px 0}.reader-section>span{font-size:10px;letter-spacing:.08em;color:#7a836d}.career{margin-bottom:30px}.career h3{font-size:17px}.career small{font-size:11px;color:#737a69}.contact-link{font-family:Georgia,serif;font-size:22px;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.story-panel{left:63%;right:6%}.stage{width:64%}main{min-height:820px}}@media(max-width:1000px){header{padding:0 5%}.story-panel{left:57%;right:4%}.stage{width:59%}.intro{font-size:12px}.notes{font-size:9px}.stage-hint{display:none}.edition{font-size:8px}.related{margin-top:18px}#chapters{gap:6px}#chapters button{font-size:9px}footer{gap:15px}h1{font-size:32px}}@media(max-width:700px){header{height:75px;padding:0 6%}.identity{font-size:16px;gap:8px}.identity img{width:30px}.identity small{display:none}header nav{gap:18px;font-size:11px}#language{padding-left:16px}main{height:auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:30px}.back-type{top:17%;left:8%;font-size:29vw}.edition{top:96px;left:6%;font-size:7px;z-index:1}.stage{position:relative;width:100%;height:63svh;min-height:430px;max-height:580px}.story-panel{position:relative;left:auto;right:auto;top:auto;transform:none;padding:0 8%;max-width:none;margin-top:-8px}.eyebrow{font-size:9px;margin-bottom:16px}h1{font-size:31px;line-height:1.55;margin-bottom:17px}html[lang=en] h1{font-size:38px}.intro{font-size:13px;max-width:none}.notes{font-size:10px;margin-top:15px}.actions{margin-top:22px}.related{max-width:none}.stage-caption{position:relative;left:auto;bottom:auto;padding:22px 8% 0;font-size:9px;order:3}.stage-hint{display:none}.primary{padding:13px 18px}.chapter-count{display:none}footer{height:auto;min-height:100px;padding:16px 0 24px;gap:10px;margin:0 6%;align-items:center}#chapters{gap:0;flex:1;justify-content:space-between}#chapters button{font-size:8px;padding:7px 3px;gap:9px}.arrows{gap:3px}.arrows button{width:29px;height:29px;font-size:12px}.dialog-bar{padding:15px 22px}#dialog-body{padding:30px 26px 60px}h2{font-size:27px}.project-meta{font-size:9px}.project h3{font-size:22px}.reader-section h3{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.project-links{display:flex;flex-wrap:wrap;gap:0 22px}.biography{padding-top:0;border-top:0}.biography p{font-size:16px;line-height:2}.contact-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;max-width:352px;margin-top:28px}.contact-button{position:relative;display:flex;align-items:center;justify-content:center;height:46px;min-width:0;padding:0;border:0;border-radius:8px;box-shadow:none;transition:filter .18s;background:var(--red);color:#fff9ec}.contact-button:hover{filter:brightness(.94);color:#fff9ec}.contact-button img{display:block;width:28px;height:28px;object-fit:contain;pointer-events:none}.contact-button svg{width:24px;height:24px;pointer-events:none}.contact-email{background:var(--red)}.social-wechat{background:#07c160}.social-wechat img{width:30px}.social-jike{background:#ffe411}.social-jike img{width:40px;height:40px}.social-red{background:#ff2442}.social-red img{width:40px;height:40px}.social-x{background:#090909}.social-x img{width:24px;height:24px}.social-bonjour{background:#fff}.social-bonjour img{width:34px;height:34px}.contact-tip{position:absolute;left:0;bottom:calc(100% + 10px);width:max-content;max-width:260px;padding:8px 11px;border-radius:6px;background:var(--ink);color:#fff;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}.contact-email:hover .contact-tip,.contact-email:focus-visible .contact-tip,.contact-email.show-tip .contact-tip{opacity:1;visibility:visible}#details[data-kind=wechat]{width:min(400px,calc(100% - 32px));height:fit-content;max-height:90svh;margin:auto;border:0;border-radius:16px}#details[data-kind=wechat] .dialog-bar{padding:10px 18px;border:0;background:transparent}#details[data-kind=wechat] #dialog-body{padding:4px 28px 26px}.wechat-card{text-align:center}.wechat-card img{display:block;width:100%;max-width:330px;height:auto;margin:0 auto}.wechat-card p{margin:16px 0 0;font-size:12px;line-height:1.8;color:#5c6653}main[data-chapter=contact] .intro{font-size:13px}main[data-chapter=contact] .notes{display:none}main[data-chapter=contact] .related{margin-top:0}@media(max-width:380px){.contact-actions{gap:6px}.contact-button{height:44px}.contact-button img{max-width:100%}}.formal-bio p{font-size:15px;line-height:2;color:#454f3e}.formal-bio span,.credentials span{display:block;margin:18px 0 8px}.formal-bio ul,.credentials ul{list-style:none;margin:0;padding:0}.formal-bio li{font-size:13px;line-height:2;color:#55604e}.credentials li{font-size:13px;line-height:1.9;color:#55604e;padding:10px 0;border-bottom:1px solid #cdd2bf}.credentials li:last-child{border-bottom:0}.credentials small{display:block;font-size:11px;color:#737a69;line-height:1.8;margin-top:4px}body.portfolio-page{background:#f5f2e9;color:#30382d;--paper:#f5f2e9}body.portfolio-page main{height:auto;min-height:0;overflow:visible}body.portfolio-page h1{white-space:pre-line}.portfolio-header{position:relative;height:96px;border-bottom:1px solid #30382d24;padding:0 max(5%,calc((100vw - 1280px)/2))}.portfolio-header nav{align-items:center}.portfolio-header nav a,.portfolio-header nav button{font-size:13px;padding:10px 0}.portfolio-header nav [aria-current]{border-bottom:1px solid var(--red)}.portfolio-content,.product-content{max-width:1280px;margin:auto;padding:76px 40px 80px}.portfolio-heading{position:relative;padding-bottom:52px;max-width:100%}.portfolio-heading h1{font-size:clamp(37px,4.5vw,64px);line-height:1.45;max-width:680px;margin:0 0 24px}.portfolio-lede{max-width:650px;font-size:15px;line-height:1.95;color:#626b5c}.portfolio-count{position:absolute;right:0;bottom:60px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;color:#727969}.portfolio-count strong{font:72px Georgia,serif;color:#30382d}.portfolio-count span{font-size:11px}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #30382d30;border-bottom:1px solid #30382d30;padding:18px 0}.portfolio-filters{display:flex;gap:24px;flex-wrap:wrap}.portfolio-filters button{font-size:13px;padding:9px 0;white-space:nowrap}.portfolio-filters small{font-size:9px;vertical-align:super;margin-left:6px;opacity:.55}.portfolio-filters [aria-pressed=true]{color:var(--red);border-bottom:1px solid var(--red)}.catalog-search input{border:0;border-bottom:1px solid #30382d55;border-radius:0;background:transparent;font:12px Arial,PingFang SC,sans-serif;color:#30382d;padding:10px 2px;width:190px;outline-offset:5px}.catalog-result{font-size:10px;color:#737a69;margin:22px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 36px}.portfolio-card{min-width:0}.product-preview{display:block;background:#e9e7dd;overflow:hidden;border:1px solid #30382d1c;aspect-ratio:1.5}.product-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.product-preview:hover img{transform:scale(1.025)}.portfolio-card-body{padding:21px 0 0}.product-overline{display:flex;justify-content:space-between;color:#717768;font-size:10px;letter-spacing:.05em}.portfolio-card h2{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-size:23px;font-weight:500;line-height:1.6;margin:12px 0}.portfolio-card h2 a{display:flex;gap:18px;justify-content:space-between}.portfolio-card h2 a span{font:20px Arial,sans-serif;color:#7f866f}.portfolio-card p{font-size:13px;color:#626b5c;line-height:1.9;min-height:49px;margin:12px 0}.card-stage{font-size:10px;color:#6c735f;margin:14px 0}.card-details{font-size:12px;border-bottom:1px solid #30382d45;padding:6px 0;display:inline-flex;gap:28px}.product-mark{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9e7db;color:#606a52;gap:18px}.product-mark>span{font:clamp(64px,8vw,115px) Georgia,serif;letter-spacing:-.08em}.product-mark small{font-size:11px;letter-spacing:.06em}.portfolio-note{font-size:12px;line-height:1.9;color:#717768;border-top:1px solid #30382d30;margin-top:65px;padding-top:24px;max-width:760px}.portfolio-footer{height:auto;min-height:90px;margin:0;padding:28px max(5%,calc((100vw - 1200px)/2));font-size:10px;color:#737a69;letter-spacing:.05em;border-color:#30382d24}.back-to-index{font-size:12px;color:#6e7565;display:inline-block;margin-bottom:55px}.dossier-heading{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:80px;align-items:start;margin-bottom:50px}.dossier-heading .eyebrow{line-height:1.8;margin-bottom:20px}.dossier-heading h1{font-size:clamp(32px,3.8vw,52px);line-height:1.5;letter-spacing:-.04em}.dossier-summary{font-size:17px;line-height:1.9;color:#59634f;max-width:710px}.dossier-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.portfolio-primary{display:inline-flex;padding:14px 20px;background:#ae392d;color:#fff9ec;font-size:12px}.portfolio-primary:hover{background:#913528;color:#fff9ec}.portfolio-secondary{font-size:12px;padding:8px 0;border-bottom:1px solid #30382d50}.product-facts{margin:5px 0 0;border-top:1px solid #30382d30}.product-facts>div{border-bottom:1px solid #30382d30;padding:18px 0;display:grid;grid-template-columns:65px 1fr;gap:18px}.product-facts dt{font-size:10px;color:#7a816f;padding-top:3px}.product-facts dd{margin:0;font-size:12px;line-height:1.85}.dossier-image{margin:0 0 65px;border:1px solid #30382d20;background:#eceae1}.dossier-image>img{display:block;width:100%;height:auto;object-fit:contain}.dossier-image figcaption{padding:18px 22px;display:flex;gap:25px;align-items:baseline;font-size:11px;line-height:1.9;color:#6b735f}.dossier-image figcaption>span{white-space:nowrap;font-size:9px;letter-spacing:.06em;color:#8a8d7b}.dossier-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:45px;padding:45px 0;border-top:1px solid #30382d30}.section-index{font-size:10px;letter-spacing:.08em;color:#7d8370;line-height:2}.dossier-section h2{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-size:28px;margin:0 0 20px;line-height:1.6}.dossier-section p{font-size:15px;line-height:2;color:#5c6653;max-width:800px;margin:0 0 15px}.workflow-line{padding:19px 0;border-bottom:1px solid #30382d20}.feature-list>article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid #30382d18}.feature-list>article:last-child{border:0;padding-bottom:0}.feature-list>article>span{font:14px Georgia,serif;color:#9a8064;padding-top:7px}.feature-list h3{font:500 19px "Noto Serif SC",Songti SC,Georgia,serif;margin:0 0 12px}.feature-list p{font-size:13px;margin:0}.dossier-section .dossier-updated{font-size:10px;color:#8a8d7b;margin-top:25px}.dossier-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #30382d30;padding-top:30px;margin-top:30px;font-size:12px}.dossier-no-image{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:0 0 65px;background:#e9e7db;padding:45px}.product-mark-large{min-height:200px}.dossier-no-image>p{font-size:13px;line-height:1.9;color:#717768}.unreleased-label{font-size:12px;color:#7c826f}.portfolio-empty{font-size:14px;line-height:2;padding:40px 0;grid-column:1/-1}@media(max-width:950px){.portfolio-content,.product-content{padding:60px 30px}.catalog-controls{align-items:stretch;flex-direction:column;gap:14px}.catalog-search input{width:100%}.portfolio-filters{gap:20px}.dossier-heading{gap:36px;grid-template-columns:1.4fr 1fr}.dossier-section{grid-template-columns:170px minmax(0,1fr);gap:30px}.portfolio-count{bottom:60px}.portfolio-lede{max-width:75%}}@media(max-width:650px){.portfolio-header{height:76px;padding:0 6%}.portfolio-header nav{gap:18px}.portfolio-header nav a,.portfolio-header nav button{font-size:11px}.portfolio-content,.product-content{padding:42px 6% 55px}.portfolio-heading{padding-bottom:25px}.portfolio-heading h1{font-size:36px;max-width:100%}.portfolio-lede{font-size:13px;max-width:100%;margin-bottom:20px}.portfolio-count{position:static;align-items:center;flex-direction:row;gap:12px;margin:25px 0 0}.portfolio-count strong{font-size:32px}.portfolio-count span{font-size:10px}.portfolio-filters{gap:3px 17px}.portfolio-filters button{font-size:11px}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:40px}.portfolio-card h2{font-size:22px}.portfolio-card p{min-height:0}.portfolio-note{margin-top:45px}.portfolio-footer{padding:25px 6%;font-size:8px;gap:16px;flex-wrap:wrap}.back-to-index{margin-bottom:35px}.dossier-heading{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.dossier-heading h1{font-size:32px}.dossier-summary{font-size:15px}.product-facts>div{grid-template-columns:65px 1fr;padding:14px 0}.dossier-image{margin-bottom:35px}.dossier-image figcaption{padding:15px;display:block;font-size:10px}.dossier-image figcaption>span{display:block;margin-bottom:7px}.dossier-section{grid-template-columns:1fr;gap:14px;padding:30px 0}.dossier-section h2{font-size:24px}.dossier-section p{font-size:13px}.feature-list h3{font-size:18px}.dossier-no-image{grid-template-columns:1fr;padding:25px;gap:12px}.product-mark-large{min-height:150px}.dossier-bottom,.portfolio-primary,.portfolio-secondary{font-size:11px}}
