#philosophy{padding:clamp(80px,10vw,140px) 0;background:var(--paper)}.phil-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,100px);align-items:center;margin-top:64px}.phil-text p{font-size:24px;line-height:3;color:var(--ash);letter-spacing:1.5px;margin-bottom:24px}.phil-visual{position:relative}.phil-box{aspect-ratio:3/4;border:1px solid var(--mist);position:relative;overflow:hidden}.phil-box img{width:100%;height:100%;object-fit:cover;display:block}.phil-box:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.25);z-index:2;pointer-events:none}.phil-box-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,10,8,.7) 0%,transparent 45%)}.phil-box-en{position:absolute;left:32px;bottom:28px;z-index:2;font-family:var(--font-en);font-size:24px;font-style:italic;letter-spacing:3px;color:var(--rice)}.phil-accent{position:absolute;bottom:-24px;right:-24px;width:80px;height:80px;border:1px solid var(--gold-lt);opacity:.4}.phil-values{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:60px;background:var(--fog)}.phil-val{background:var(--paper);padding:36px 32px}.phil-val-num{font-family:var(--font-en);font-size:36px;font-weight:300;color:#b0aca433;line-height:1;margin-bottom:16px}.phil-val-zh{font-family:var(--font-serif-zh);font-size:24px;font-weight:300;letter-spacing:3px;color:var(--ink);margin-bottom:6px}.phil-val-en{font-family:var(--font-en);font-size:21px;font-style:italic;color:var(--gold);letter-spacing:1px;display:block;margin-bottom:14px}.phil-val-desc{font-size:14.5px;line-height:2.2;color:var(--stone)}#heritage{padding:clamp(80px,10vw,140px) 0;background:var(--rice)}.her-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px}.her-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff0f}.her-stat{background:var(--ink);padding:40px 32px;border-left:2px solid transparent;transition:border-color .3s,background .3s}.her-stat:hover{border-color:var(--gold);background:#1e1e1a}.her-stat-num{font-family:var(--font-en);font-size:52px;font-weight:500;font-variant-numeric:lining-nums;color:var(--rice);line-height:1}.her-stat-unit{font-size:24px;color:var(--gold)}.her-stat-label{font-size:21px;letter-spacing:2px;color:var(--stone);margin-top:10px}.her-text p{font-size:24px;line-height:2.8;color:var(--stone);margin-bottom:20px}.her-text p strong{color:var(--rice);font-weight:300}#team{padding:clamp(80px,10vw,140px) 0;background:var(--ink)}#team .sec-title-zh{color:var(--rice)}#team .sec-title-en{color:var(--stone)}#team .sec-rule{background:var(--gold)}#team .sec-label{color:var(--gold)}.team-roles{display:grid;grid-template-columns:1fr;gap:2px}.role-card{position:relative;overflow:hidden;aspect-ratio:16/7;background:#1a1916}.role-photo{position:absolute;inset:0;transition:transform .9s var(--ease-out)}.role-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:filter .6s}.role-card:hover .role-photo{transform:scale(1.04)}.role-card:hover .role-photo img{filter:brightness(.55)}.role-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,8,.9) 0%,rgba(10,10,8,.55) 35%,rgba(10,10,8,.15) 60%,transparent 100%);z-index:2}.role-num{position:absolute;top:36px;left:48px;z-index:3;font-family:var(--font-en);font-size:13px;font-weight:300;letter-spacing:4px;color:#ffffff59;transition:color .4s}.role-card:hover .role-num{color:var(--gold)}.role-body{position:absolute;bottom:0;left:0;right:0;padding:36px 48px 44px;z-index:3;transform:translateY(4px);transition:transform .5s var(--ease-out)}.role-card:hover .role-body{transform:none}.role-zh{font-family:var(--font-serif-zh);font-size:24px;font-weight:300;letter-spacing:4px;color:var(--rice);margin-bottom:5px}.role-en{font-family:var(--font-en);font-size:16px;font-style:italic;letter-spacing:1.5px;color:#d2cec4cc;display:block;margin-bottom:0}.role-rule{width:0;height:1px;background:var(--gold);margin:20px 0;opacity:.5;transition:width .5s var(--ease-out) .05s}.role-card:hover .role-rule{width:36px}.role-desc{font-size:15.5px;line-height:2.2;color:#d6d2c8e0;letter-spacing:.3px;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--ease-out),opacity .4s ease .1s}.role-card:hover .role-desc{max-height:260px;opacity:1}.role-skills{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px;opacity:0;transform:translateY(6px);transition:opacity .4s ease .2s,transform .4s ease .2s}.role-card:hover .role-skills{opacity:1;transform:none}.role-skill{font-size:11px;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(176,172,164,.35);padding:3px 8px;color:#d6d2c8bf}.process-timeline{margin-top:80px;padding-top:60px;border-top:1px solid var(--fog)}.process-steps-row{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:48px}.process-steps-row:before{content:"";position:absolute;top:28px;left:calc(12.5% + 0px);right:calc(12.5% + 0px);height:1px;background:linear-gradient(to right,var(--gold) 0%,var(--mist) 50%,var(--gold) 100%);opacity:.3}.proc-step{text-align:center;padding:0 16px}.proc-dot{width:56px;height:56px;border-radius:50%;border:1px solid var(--gold);background:var(--white);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;position:relative;z-index:1;transition:all .4s}.proc-step:hover .proc-dot{background:var(--ink)}.proc-dot-num{font-family:var(--font-serif-zh);font-size:24px;font-weight:300;color:var(--gold);transition:color .4s}.proc-step:hover .proc-dot-num{color:var(--rice)}.proc-zh{font-family:var(--font-serif-zh);font-size:21px;font-weight:300;letter-spacing:2px;color:var(--ink);margin-bottom:4px}.proc-en{font-family:var(--font-en);font-size:21px;font-style:italic;color:var(--gold);letter-spacing:1px;display:block;margin-bottom:12px}.proc-desc{font-size:24px;line-height:2.2;color:var(--stone)}@media(max-width:900px){.phil-layout,.her-grid,.phil-values,.team-roles{grid-template-columns:1fr}.process-steps-row{grid-template-columns:1fr;gap:40px}.process-steps-row:before{display:none}.role-card{aspect-ratio:3/4}.role-body{width:100%;padding:32px;transform:none}.role-photo{transform:none}.role-photo img{filter:brightness(.55)}.role-num{color:var(--gold)}.role-rule{width:36px}.role-desc{max-height:none;opacity:1}.role-skills{opacity:1;transform:none}}
