.bio-demo{--green:#65755e;--orange:#c6814d;--ink:#29352e;--cream:#faf9f5}.bio-demo *{box-sizing:border-box}.bio-demo{background:var(--cream);color:var(--ink);margin:0;font:17px/1.9 PingFang SC,Microsoft YaHei,sans-serif}.bio-demo a{color:inherit;text-decoration:none}.bio-demo h1,.bio-demo h2,.bio-demo h3,.bio-demo p{margin-top:0}.bio-demo h2,.bio-demo h3{font-family:方正悠宋,Songti SC,serif;font-weight:500}.bio-demo h2{font-size:clamp(30px,3vw,44px);line-height:1.5}.bio-demo h3{font-size:24px}.bio-demo .bio-wrap{width:min(1140px,100% - 64px);margin:auto}.bio-demo .bio-top{color:#fff;background:#262a1a}.bio-demo .bio-nav{justify-content:space-between;align-items:center;gap:24px;min-height:90px;display:flex}.bio-demo .bio-logo{object-fit:contain;width:175px;height:65px}.bio-demo .bio-top .bio-logo{filter:brightness(0)invert()}.bio-demo .bio-links{gap:28px;font-size:15px;display:flex}.bio-demo .bio-btn{border:1px solid var(--orange);background:var(--orange);color:#fff;border-radius:40px;justify-content:center;align-items:center;padding:11px 25px;font-size:15px;transition:background .2s,transform .2s;display:inline-flex}.bio-demo .bio-btn:hover{background:#ad693a;transform:translateY(-2px)}:is(.bio-demo a:focus-visible,.bio-demo summary:focus-visible){outline-offset:6px;outline:3px solid #c6814d}.bio-demo .bio-hero{background:#425342;height:510px;position:relative;overflow:hidden}.bio-demo .bio-hero img{object-fit:cover;object-position:center 43%;width:100%;height:100%}.bio-demo .bio-hero:after{content:"";background:linear-gradient(90deg,#17201608,#17201605 35%,#17201699);position:absolute;inset:0}.bio-demo .bio-hero-text{z-index:1;color:#fff;position:absolute;bottom:60px;right:max(32px,50% - 570px)}.bio-demo .bio-hero h1{margin-bottom:16px;font-family:Trebuchet MS,sans-serif;font-size:clamp(50px,6vw,86px);font-weight:400;line-height:1.1}.bio-demo .bio-hero p{letter-spacing:.08em;margin:0}.bio-demo .bio-eyebrow{letter-spacing:.18em;color:var(--green);margin-bottom:20px;font:14px/1.6 Trebuchet MS,sans-serif}.bio-demo .bio-intro{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;padding:100px 0;display:grid}.bio-demo .bio-portrait-frame{background:linear-gradient(140deg,#b6c3a5,#ead5ad 35%,#d3b2ac 65%,#aabdc1);border-radius:52px;padding:8px;position:relative;box-shadow:0 16px 40px #29352e0a}.bio-demo .bio-portrait-frame:before{content:"";border-radius:inherit;opacity:.35;pointer-events:none;background:repeating-linear-gradient(25deg,#0000 0 2px,#fff8 2px 3px);position:absolute;inset:0}.bio-demo .bio-portrait-frame img{object-fit:cover;object-position:64% 40%;border-radius:45px;width:100%;height:535px;display:block}.bio-demo .bio-intro p{color:#586356}.bio-demo .bio-intro h2{margin-bottom:12px}.bio-demo .bio-tags{flex-wrap:wrap;gap:9px;margin:25px 0;display:flex}.bio-demo .bio-tags span{border:1px solid #d6ddcf;border-radius:30px;padding:5px 13px;font-size:14px}.bio-demo .bio-journey{padding:25px 0 80px}.bio-demo .bio-section-head{max-width:700px;margin-bottom:40px}.bio-demo .bio-stories{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.bio-demo .bio-story{border-top:1px solid #c9d1c2;padding-top:24px}.bio-demo .bio-story .bio-num{color:var(--green);margin-bottom:22px;font:14px Trebuchet MS,sans-serif;display:block}.bio-demo .bio-story p{color:#606b5d}.bio-demo .bio-philosophy{text-align:center;background:#e9ede2;padding:85px 24px}.bio-demo .bio-philosophy blockquote{max-width:870px;margin:0 auto 20px;font:500 clamp(29px,3.7vw,49px)/1.65 方正悠宋,Songti SC,serif}.bio-demo .bio-philosophy p{color:#66755d;margin-bottom:0}.bio-demo .bio-press{grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding:100px 0;display:grid}.bio-demo .bio-press img{object-fit:cover;object-position:center 38%;border-radius:28px;width:100%;height:530px}.bio-demo .bio-press p{color:#606b5d}.bio-demo .bio-press ul{color:#606b5d;margin-bottom:30px;padding-left:20px;font-size:16px}.bio-demo .bio-press small{color:#7a8275;margin-top:16px;font-size:14px;display:block}.bio-demo .bio-footer{border-top:1px solid #d7dece;padding:55px 0 25px}.bio-demo .bio-footer-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.bio-demo .bio-footer-nav{border-top:1px solid #d7dece;border-bottom:1px solid #d7dece;flex-wrap:wrap;gap:40px;padding:25px 0;display:flex}.bio-demo .bio-footer-bottom{justify-content:space-between;align-items:center;gap:25px;padding-top:25px;display:flex}.bio-demo .bio-social{align-items:center;gap:12px;display:flex}.bio-demo .bio-icon{width:42px;height:42px;color:var(--green);border:1px solid #cbd3c3;border-radius:50%;place-items:center;display:grid}.bio-demo .bio-icon svg{width:21px;height:21px}.bio-demo .bio-icon:hover{background:#e9ede2}.bio-demo .bio-pending{color:#798370;font-size:14px}.bio-demo .bio-pending summary{cursor:pointer}.bio-demo .bio-pending p{margin:8px 0;font-size:14px}.bio-demo .bio-copyright{color:#7d8477;font-size:13px}@media (max-width:800px){.bio-demo .bio-wrap{width:calc(100% - 40px)}.bio-demo .bio-nav{min-height:78px}.bio-demo .bio-nav .bio-links{display:none}.bio-demo .bio-nav .bio-btn{padding:9px 15px;font-size:14px}.bio-demo .bio-logo{width:140px}.bio-demo .bio-hero{height:380px}.bio-demo .bio-hero img{object-position:36% center}.bio-demo .bio-hero-text{bottom:30px;right:20px}.bio-demo .bio-hero h1{font-size:49px}.bio-demo .bio-hero p{font-size:14px}.bio-demo .bio-intro,.bio-demo .bio-press{grid-template-columns:1fr;gap:35px;padding:55px 0}.bio-demo .bio-portrait-frame{width:100%;max-width:410px;margin:auto}.bio-demo .bio-portrait-frame img{height:450px}.bio-demo .bio-stories{grid-template-columns:1fr;gap:25px}.bio-demo .bio-journey{padding-bottom:55px}.bio-demo .bio-philosophy{padding:55px 22px}.bio-demo .bio-press img{height:420px}.bio-demo .bio-footer-top,.bio-demo .bio-footer-bottom{flex-wrap:wrap;align-items:flex-start}.bio-demo .bio-footer-nav{gap:22px;font-size:15px}}@media (prefers-reduced-motion:reduce){.bio-demo .bio-btn{transition:none}.bio-demo .bio-btn:hover{transform:none}}.bio-demo .bio-hero-text h1,.bio-demo .bio-hero-text>p{color:#fff;text-shadow:0 0 2px #fff,0 0 10px #ffffff70,0 0 22px #ffffff38,0 2px 8px #18231dc0}.bio-demo .bio-hero-text>p{-webkit-text-stroke:.15px #ffffffb0}.bio-demo .bio-footer{text-align:center;padding:48px 0 28px}.bio-demo .bio-footer-top{flex-direction:column;justify-content:center;align-items:center;gap:22px;margin-bottom:32px}.bio-demo .bio-footer-nav{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px 0}.bio-demo .bio-footer-nav a{padding:3px 12px;display:block}.bio-demo .bio-footer-nav a:hover{color:var(--orange)}.bio-demo .bio-footer-bottom{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:27px}.bio-demo .bio-footer-bottom .bio-social{flex-wrap:wrap;order:-1;justify-content:center}.bio-demo .bio-pending{text-align:left}.bio-demo .bio-copyright{text-align:center}@media (max-width:800px){.bio-demo .bio-hero-text{bottom:55px}.bio-demo .bio-footer-top,.bio-demo .bio-footer-bottom{align-items:center}.bio-demo .bio-footer-nav{gap:12px}.bio-demo .bio-footer .bio-logo{width:195px;height:85px}}.bio-demo .bio-portrait-frame{box-shadow:none;background:0 0;border:0;border-radius:45px;padding:0;overflow:hidden}.bio-demo .bio-portrait-frame:before{content:none}.bio-demo .bio-portrait-frame img{filter:none;opacity:1;border:0;border-radius:45px}.bio-demo .bio-portrait-frame:after{content:"";pointer-events:none;box-shadow:inset 0 0 14px 10px var(--cream);border-radius:45px;position:absolute;inset:-1px}.bio-demo .bio-hero-text{bottom:145px}@media (max-width:800px){.bio-demo .bio-hero-text{bottom:95px}}.bio-demo .bio-hero-text{top:40px;bottom:auto}@media (max-width:800px){.bio-demo .bio-hero-text{top:32px;bottom:auto}}.bio-demo .bio-footer{border:0;padding:65px 0 32px}.bio-demo .bio-footer-top{gap:26px;margin-bottom:30px}.bio-demo .bio-footer .bio-logo{width:260px;height:110px}.bio-demo .bio-footer-top .bio-btn{min-width:205px}.bio-demo .bio-footer-nav{border:0;flex-flow:wrap;justify-content:center;align-items:center;gap:18px 38px;padding:5px 0 22px}.bio-demo .bio-footer-nav a{padding:4px 0;font-size:16px}.bio-demo .bio-footer-bottom{border:0;gap:22px;padding-top:10px}.bio-demo .bio-footer .bio-icon{background:0 0;border:0;border-radius:0;width:35px;height:35px}.bio-demo .bio-footer .bio-icon svg{width:28px;height:28px}.bio-demo .bio-footer .bio-icon:hover{color:var(--orange)}.bio-demo .bio-footer .bio-social{gap:22px}.bio-demo .bio-footer .bio-pending,.bio-demo .bio-copyright{font-size:13px}@media (max-width:800px){.bio-demo .bio-footer{padding:45px 0 25px}.bio-demo .bio-footer .bio-logo{width:210px;height:90px}.bio-demo .bio-footer-nav{flex-direction:row;gap:12px 24px;max-width:480px;margin:auto}.bio-demo .bio-footer-nav a{font-size:15px}.bio-demo .bio-footer-top{margin-bottom:25px}}.bio-demo .bio-hero{aspect-ratio:4/3;height:auto}.bio-demo .bio-hero img{object-fit:contain;object-position:center}.bio-demo .bio-hero-text{max-width:48%;top:5%;right:5%}@media (max-width:800px){.bio-demo .bio-hero{aspect-ratio:4/3;height:auto}.bio-demo .bio-hero-text{max-width:49%;top:5%;right:4%}.bio-demo .bio-hero h1{margin-bottom:10px;font-size:clamp(26px,6.2vw,49px)}.bio-demo .bio-hero-text>p{letter-spacing:0;font-size:clamp(12px,2.2vw,16px)}}.bio-demo .bio-journey .bio-section-head{max-width:none}.bio-demo .bio-journey .bio-section-head h2{white-space:nowrap;letter-spacing:-.025em;font-size:clamp(22px,3.2vw,40px)}.bio-demo .bio-press{aspect-ratio:4/3;background:#ded0b9;border-radius:30px;margin:90px auto;padding:0;display:block;position:relative;overflow:hidden}.bio-demo .bio-press .bio-press-photo{object-fit:cover;object-position:center;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.bio-demo .bio-press-cards{flex-direction:column;gap:28px;width:43%;display:flex;position:absolute;top:10%;right:5%}.bio-demo .bio-press-card{text-align:center;background:#faf9f5f5;border-radius:20px;padding:30px 32px;position:relative;box-shadow:0 12px 32px #30291818}.bio-demo .bio-press-card:first-child{transform:translate(-20px)}.bio-demo .bio-press-card:last-child{background:#edf0e8f5;transform:translate(14px)}.bio-demo .bio-press-card .bio-eyebrow{letter-spacing:.12em;margin-bottom:12px;font-size:12px}.bio-demo .bio-press-card h2{margin-bottom:12px;font-size:31px}.bio-demo .bio-press-card h3{margin-bottom:12px;font-size:23px}.bio-demo .bio-press-card p{margin-bottom:20px;font-size:16px;line-height:1.8}.bio-demo .bio-press-card small{margin-top:12px;font-size:12px}.bio-demo .bio-press-card .bio-btn{padding:10px 22px;font-size:14px}@media (max-width:1000px) and (min-width:701px){.bio-demo .bio-press-cards{gap:18px;width:45%;top:6%;right:4%}.bio-demo .bio-press-card{padding:20px}.bio-demo .bio-press-card p{margin-bottom:12px;font-size:14px}.bio-demo .bio-press-card h2{font-size:26px}.bio-demo .bio-press-card h3{font-size:20px}}@media (max-width:700px){.bio-demo .bio-journey .bio-section-head h2{font-size:clamp(15px,4.2vw,27px)}}@media (max-width:1000px){.bio-demo .bio-press{aspect-ratio:auto;background:0 0;border-radius:22px;margin:50px auto;overflow:visible}.bio-demo .bio-press .bio-press-photo{aspect-ratio:4/3;border-radius:22px;height:auto;display:block;position:relative}.bio-demo .bio-press-cards{gap:18px;width:calc(100% - 26px);margin:-28px auto 0;position:relative;top:auto;right:auto}.bio-demo .bio-press-card{padding:26px 22px}.bio-demo .bio-press-card:first-child,.bio-demo .bio-press-card:last-child{transform:none}.bio-demo .bio-press-card h2{font-size:28px}.bio-demo .bio-press-card h3{font-size:22px}}.bio-demo .bio-hero-text{max-width:46%;top:26%;bottom:auto;right:8%}@media (max-width:800px){.bio-demo .bio-hero-text{max-width:47%;top:24%;right:5%}}.bio-demo .bio-top .bio-logo,.bio-demo .bio-footer .bio-logo{filter:none;mix-blend-mode:normal}@media (max-width:800px){.bio-demo .bio-nav{flex-wrap:wrap;justify-content:space-between;row-gap:8px;padding-top:8px;padding-bottom:10px}.bio-demo .bio-nav .bio-links{white-space:nowrap;scrollbar-width:none;order:3;justify-content:space-between;gap:12px;width:100%;padding:4px 0 7px;font-size:14px;display:flex;overflow-x:auto}.bio-demo .bio-nav .bio-links::-webkit-scrollbar{display:none}.bio-demo .bio-nav .bio-links a{flex:none;padding:5px 2px}}.bio-demo .bio-hero{aspect-ratio:auto;width:100%;height:68svh;max-height:640px;margin:0;position:relative}.bio-demo .bio-hero img{object-fit:cover;object-position:center 40%;display:block}.bio-demo .bio-hero h1{font-size:clamp(26px,4.5vw,58px)}.bio-demo.bio-en{font-family:Arial,sans-serif;font-size:17px;line-height:1.75}.bio-demo.bio-en h1,.bio-demo.bio-en h2,.bio-demo.bio-en h3,.bio-demo.bio-en blockquote{font-family:var(--heading,var(--sans));letter-spacing:-.02em;text-wrap:balance;overflow-wrap:normal;font-weight:400}.bio-demo.bio-en h2{font-size:clamp(30px,3.2vw,46px);line-height:1.22}.bio-demo.bio-en h3{font-size:24px;line-height:1.35}.bio-demo.bio-en p{max-width:65ch;margin-bottom:1.25em}.bio-demo.bio-en .bio-intro{align-items:start;gap:clamp(32px,5vw,72px)}.bio-demo.bio-en .bio-tags{gap:10px;margin-block:28px}.bio-demo.bio-en .bio-tags span{font-size:14px;line-height:1.5}.bio-demo.bio-en .bio-section-head{max-width:760px;margin-bottom:40px}.bio-demo.bio-en .bio-story p{font-size:16px;line-height:1.75}.bio-demo.bio-en .bio-philosophy blockquote{font-size:clamp(28px,3.7vw,49px);line-height:1.4}.bio-demo.bio-en .bio-philosophy p{margin-inline:auto}.bio-demo.bio-en .bio-press-card h2{font-size:31px;line-height:1.3}.bio-demo.bio-en .bio-press-card h3{font-size:23px;line-height:1.35}@media (max-width:800px){.bio-demo.bio-en{font-size:16px}.bio-demo.bio-en .bio-intro{grid-template-columns:1fr;gap:32px;padding-block:48px}.bio-demo.bio-en .bio-stories{gap:32px}.bio-demo.bio-en .bio-story h3{font-size:23px}.bio-demo.bio-en .bio-journey .bio-section-head h2{white-space:normal;font-size:30px}}.bio-demo .bio-intro .bio-founder{color:#66755d;margin-top:-8px;margin-bottom:24px;font-size:15px;line-height:1.6}.bio-demo:not(.bio-en) .bio-intro{align-items:start;gap:clamp(32px,5vw,72px)}.bio-demo .bio-narrative{letter-spacing:.015em;max-width:34em;font-size:16px;line-height:1.95}.bio-demo .bio-narrative-part{margin-bottom:30px}.bio-demo .bio-narrative p{margin:0 0 16px}.bio-demo .bio-narrative p:last-child{margin-bottom:0}.bio-demo .bio-narrative .bio-narrative-question{color:#435543;margin:22px 0;font-family:方正悠宋,Songti SC,serif;font-size:20px;line-height:1.8}.bio-demo .bio-narrative-belief{border-left:2px solid #c6814d;margin-top:34px;padding:3px 0 3px 22px}.bio-demo .bio-narrative-belief p:first-child{color:#435543;font-family:方正悠宋,Songti SC,serif;font-size:20px;line-height:1.8}@media (max-width:800px){.bio-demo .bio-narrative{max-width:none;font-size:16px;line-height:1.95}.bio-demo .bio-narrative-part{margin-bottom:28px}.bio-demo .bio-narrative .bio-narrative-question,.bio-demo .bio-narrative-belief p:first-child{font-size:19px}.bio-demo .bio-narrative-belief{margin-top:28px;padding-left:18px}}.bio-demo .bio-narrative strong{font-weight:700}.bio-demo .bio-narrative u{text-underline-offset:.2em;text-decoration-skip-ink:auto;text-decoration-line:underline;text-decoration-thickness:1px}.bio-demo.bio-en .bio-narrative{letter-spacing:0;max-width:65ch;line-height:1.8}.bio-demo.bio-en .bio-narrative .bio-narrative-question{font-family:var(--heading,var(--sans));letter-spacing:0;font-size:20px;line-height:1.6}.bio-demo.bio-en .bio-journey .bio-section-head h2{white-space:normal}.bio-demo .bio-story{min-width:0}.bio-demo .bio-story h3{margin-bottom:16px}@media (max-width:800px){.bio-demo.bio-en .bio-narrative .bio-narrative-question{font-size:19px}}
