/* V2.5 strategy · 东方生命美学与全球商业平台 */
.nav--six{gap:20px;font-size:9px}
.nav--six a{letter-spacing:.06em}

/* HERO */
.hero{position:relative;min-height:100svh;overflow:hidden;background:#07110E;color:var(--ivory);isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.98) contrast(1.03) brightness(.96);transform:scale(1.02);will-change:transform}
.hero__shade{position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,rgba(5,11,9,.92) 0%,rgba(5,11,9,.62) 30%,rgba(5,11,9,.1) 55%,rgba(5,11,9,.24) 100%),
  linear-gradient(180deg,rgba(5,11,9,.55) 0%,transparent 28%,rgba(5,11,9,.5) 100%)}
.hero__copy{position:relative;z-index:3;min-height:100svh;max-width:640px;padding:150px var(--pad) 140px;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(72px,7.4vw,106px);line-height:.98;letter-spacing:.03em;margin:16px 0 0;max-width:100%;overflow-wrap:break-word;text-shadow:0 24px 70px rgba(0,0,0,.3)}
.hero h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.35;letter-spacing:.06em;margin:20px 0 0;color:var(--ivory)}
.hero .latin{margin-top:18px;color:rgba(244,237,222,.55)}
.hero .body{margin-top:18px;color:rgba(244,237,222,.74);max-width:390px}
.hero .actions{margin-top:26px}
.hero__meta{position:absolute;right:var(--pad);top:104px;z-index:3;display:flex;align-items:center;gap:10px;font-family:var(--latin);font-size:6px;letter-spacing:.16em;color:rgba(244,237,222,.5)}
.hero__meta i{width:18px;height:1px;background:currentColor;opacity:.4}
.hero__credit{position:absolute;right:var(--pad);bottom:24px;z-index:3;font-family:var(--latin);font-size:5.8px;letter-spacing:.14em;color:rgba(244,237,222,.45)}
.hero__cue{position:absolute;right:calc(var(--pad) - 16px);bottom:24px;z-index:3;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px;font-family:var(--latin);font-size:6px;letter-spacing:.18em;color:rgba(244,237,222,.42)}
.hero__cue i{width:1px;height:32px;background:currentColor;opacity:.5}

/* generic chapter */
.chapter-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,5vw,80px);align-items:end;border-bottom:1px solid rgba(244,237,222,.18);padding-bottom:20px}
.chapter-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.4vw,76px);line-height:1.12;letter-spacing:.04em;margin:12px 0 0}
.chapter-head .body{max-width:430px;color:rgba(244,237,222,.66)}
.chapter-note{font-size:8px;line-height:1.8;color:rgba(244,237,222,.38);max-width:760px;margin:24px 0 0}
.micro{font-size:7.5px;line-height:1.7;letter-spacing:.04em;color:rgba(244,237,222,.42);margin-top:12px}
.media-tag{position:absolute;left:14px;top:14px;z-index:4;background:var(--ink);color:var(--paper);font-family:var(--latin);font-size:5.8px;letter-spacing:.13em;padding:5px 7px}
.media-tag--gold{background:var(--gold);color:var(--ink)}

/* LIFE */
.chapter-life{background:#0B1713;color:var(--ivory);padding:clamp(66px,9vh,108px) var(--pad) clamp(54px,7vh,86px)}
.life-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.life-card{position:relative;min-height:64vh;overflow:hidden;display:block;background:#0A1512}
.life-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1s var(--ease)}
.life-card:hover img{transform:scale(1.035)}
.life-card--peacock img{object-position:58% 50%}
.life-card--body img{object-position:50% 38%;filter:saturate(.95) brightness(.9)}
.life-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,9,.08),rgba(5,11,9,.72) 72%,rgba(5,11,9,.92))}
.life-card__copy{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}
.tag{display:inline-block;font-family:var(--latin);font-size:6px;letter-spacing:.12em;color:var(--gold);border-top:1px solid rgba(185,154,100,.6);padding-top:6px}
.life-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.8vw,38px);line-height:1.25;letter-spacing:.04em;margin:10px 0 0}
.life-card p{font-size:9.5px;line-height:1.8;color:rgba(244,237,222,.62);max-width:380px;margin-top:8px}
.life-card em{display:inline-block;font-style:normal;font-size:8.5px;letter-spacing:.08em;color:var(--gold);margin-top:12px;border-bottom:1px solid currentColor;padding-bottom:3px}

/* BRAND TEASER */
.chapter-brand{display:grid;grid-template-columns:58% 42%;min-height:100svh;background:var(--deep);color:var(--ivory);position:relative;overflow:hidden}
.chapter-brand__media{position:relative;min-height:100svh}
.chapter-brand__media img{width:100%;height:100%;object-fit:cover;object-position:58% 46%;filter:saturate(.9) contrast(1.02) brightness(.88)}
.chapter-brand__panel{padding:110px clamp(26px,3.4vw,56px) 70px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(185,154,100,.3);background:linear-gradient(90deg,rgba(23,58,53,.84),rgba(23,58,53,.96))}
.chapter-brand h2{font-family:var(--serif);font-weight:400;font-size:clamp(60px,6.4vw,92px);line-height:1;letter-spacing:.05em;margin:12px 0 0}
.chapter-brand .lede{color:rgba(244,237,222,.92);margin-top:16px}
.chapter-brand .body{max-width:400px;color:rgba(244,237,222,.6);margin-top:12px}
.brand-links{margin-top:20px;border-top:1px solid rgba(244,237,222,.2)}
.brand-links a{display:grid;grid-template-columns:22px 1fr 64px;align-items:center;column-gap:8px;padding:8px 0;border-bottom:1px solid rgba(244,237,222,.12)}
.brand-links b{font-family:var(--latin);font-size:7px;color:var(--gold);font-weight:400}
.brand-links span{font-family:var(--serif);font-size:13.5px;letter-spacing:.05em}
.brand-links i{font-family:var(--latin);font-size:5.5px;letter-spacing:.12em;color:rgba(244,237,222,.35);text-align:right;font-style:normal}
.chapter-brand .actions{margin-top:20px}

/* KNOWLEDGE */
.chapter-knowledge{background:var(--paper);color:var(--ink);padding:clamp(66px,9vh,108px) var(--pad) clamp(54px,7vh,86px);border-top:1px solid rgba(21,29,25,.16)}
.chapter-knowledge .chapter-head{border-bottom-color:rgba(21,29,25,.16)}
.chapter-knowledge .chapter-head .body,.chapter-knowledge .chapter-head .micro{color:#5E655D}
.knowledge-body{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;margin-top:24px;align-items:start}
.knowledge-img{position:relative;overflow:hidden;min-height:58vh}
.knowledge-img img{width:100%;height:100%;object-fit:cover}
.knowledge-cards{display:flex;flex-direction:column;gap:12px}
.course-card{border-top:1px solid rgba(21,29,25,.26);padding:16px 0 15px;display:block}
.course-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,30px);letter-spacing:.04em;margin:6px 0 0}
.course-card p{font-size:9.5px;line-height:1.8;color:#5E655D;margin:7px 0 0;max-width:420px}
.course-card .status{display:inline-block;font-family:var(--latin);font-size:6.5px;letter-spacing:.1em;color:var(--red);margin-top:10px}
.course-card--free .status{color:var(--deep)}

/* GLOBAL */
.chapter-global{position:relative;min-height:100svh;overflow:hidden;background:var(--paper);color:var(--ink)}
.chapter-global__media{position:absolute;inset:0;z-index:0}
.chapter-global__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.95) brightness(.96)}
.chapter-global::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(241,233,218,.55),transparent 55%,rgba(241,233,218,.08))}
.chapter-global__card{position:relative;z-index:3;width:min(44%,590px);margin:10vh 0 8vh var(--pad);padding:36px 34px 28px;background:rgba(241,233,218,.95);box-shadow:0 24px 70px rgba(21,29,25,.14);border-top:1px solid var(--gold)}
.chapter-global h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.2vw,64px);line-height:1.16;letter-spacing:.03em;margin:12px 0 0}
.chapter-global .body{color:#4C554E;margin-top:14px}
.global-paths{margin-top:18px;border-top:1px solid rgba(21,29,25,.18)}
.global-paths a{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:10px 0;border-bottom:1px solid rgba(21,29,25,.12)}
.global-paths b{grid-row:1/3;font-family:var(--latin);font-size:7px;color:var(--red);font-weight:400;padding-top:3px}
.global-paths span{font-family:var(--serif);font-size:15px;letter-spacing:.04em}
.global-paths i{font-style:normal;font-size:8px;color:#6B716A;margin-top:2px}
.global-paths em{display:none}
.chapter-global .btn{margin-top:18px}
.chapter-global .micro{color:#777B73}

@media(max-width:1100px){
  .nav--six{gap:14px;font-size:8.5px}
  .hero__copy{max-width:500px}
  .chapter-brand{grid-template-columns:54% 46%}
}
@media(max-width:900px){
  .nav--six{gap:0}
  .hero__copy{min-height:100svh;padding:100px 22px 150px;max-width:none;justify-content:flex-end}
  .hero h1{font-size:clamp(62px,17vw,84px)}
  .hero h2{font-size:clamp(22px,6.4vw,30px);margin-top:12px}
  .hero .latin{font-size:6px;margin-top:12px}
  .hero .body{font-size:10.5px;line-height:1.85;margin-top:10px;max-width:310px}
  .hero .actions{gap:14px;margin-top:16px}
  .hero__meta,.hero__cue{display:none}
  .hero__credit{bottom:56px;right:20px;font-size:5.2px}
  .chapter-life{padding:52px 22px 60px}
  .chapter-head{grid-template-columns:1fr;gap:18px}
  .chapter-head h2{font-size:clamp(40px,11vw,58px)}
  .life-grid{grid-template-columns:1fr;gap:12px}
  .life-card{min-height:58vh}
  .life-card__copy{left:20px;right:20px;bottom:20px}
  .chapter-brand{grid-template-columns:1fr;min-height:0}
  .chapter-brand__media{min-height:58svh}
  .chapter-brand__panel{padding:42px 22px 48px;border-left:0;border-top:1px solid rgba(185,154,100,.3)}
  .chapter-brand h2{font-size:clamp(54px,15vw,72px)}
  .chapter-knowledge{padding:52px 22px 60px}
  .knowledge-body{grid-template-columns:1fr;gap:20px}
  .knowledge-img{min-height:46vh}
  .chapter-global{min-height:100svh}
  .chapter-global__card{position:absolute;left:14px;right:14px;bottom:16px;width:auto;margin:0;padding:22px 20px 20px}
  .chapter-global h2{font-size:clamp(30px,8.4vw,38px)}
  .chapter-global .body{font-size:10px;line-height:1.75;margin-top:9px}
  .global-paths{margin-top:12px}
  .global-paths a{padding:8px 0}
  .global-paths span{font-size:13px}
  .chapter-global .btn{margin-top:12px}
  .chapter-global .media-tag{display:none}
}


/* feather → body transition */
.life-motion{position:relative;height:112vh;background:#050B09;color:var(--ivory);overflow:hidden}
.life-motion__sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.life-motion__feather,.life-motion__figure{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}
.life-motion__feather{object-position:58% 50%;z-index:1}
.life-motion__figure{object-position:50% 42%;z-index:2;clip-path:circle(0% at 58% 46%)}
.life-motion__veil{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(5,11,9,.78),rgba(5,11,9,.08) 48%,rgba(5,11,9,.35)),linear-gradient(180deg,rgba(5,11,9,.45),transparent 35%,rgba(5,11,9,.6))}
.life-motion__copy{position:absolute;left:var(--pad);bottom:17vh;z-index:4;max-width:620px}
.life-motion__copy h3{font-family:var(--serif);font-weight:400;font-size:clamp(54px,6.4vw,94px);line-height:1.08;letter-spacing:.04em;margin:14px 0 0}
.life-motion__copy p:last-child{max-width:390px;font-size:10.5px;line-height:1.9;color:rgba(244,237,222,.62);margin-top:14px}
.life-motion__credit{position:absolute;right:var(--pad);bottom:22px;z-index:4;font-family:var(--latin);font-size:5.8px;letter-spacing:.14em;color:rgba(244,237,222,.45)}
.life-entries{display:grid;grid-template-columns:1fr 1fr;background:#0B1713;color:var(--ivory);border-top:1px solid rgba(244,237,222,.14)}
.life-entry{padding:clamp(34px,4.6vw,60px) var(--pad);border-right:1px solid rgba(244,237,222,.14)}
.life-entry:last-child{border-right:0}
.life-entry h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.8vw,38px);letter-spacing:.04em;margin:10px 0 0}
.life-entry p:not(.kicker){max-width:420px;font-size:9.5px;line-height:1.8;color:rgba(244,237,222,.6);margin-top:8px}
.life-entry span{display:inline-block;font-size:8.5px;color:var(--gold);border-bottom:1px solid currentColor;padding-bottom:3px;margin-top:12px}
@media(max-width:900px){
  .life-motion{height:105vh}
  .life-motion__figure{object-position:50% 42%}
  .life-motion__copy{left:22px;right:22px;bottom:14vh;max-width:none}
  .life-motion__copy h3{font-size:clamp(42px,12vw,60px)}
  .life-motion__credit{right:20px;bottom:52px;font-size:5.2px}
  .life-entries{grid-template-columns:1fr}
  .life-entry{border-right:0;border-bottom:1px solid rgba(244,237,222,.14);padding:34px 22px}
}


/* V3.0 CMS */
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#0A1512}
.hero h2,.hero .body{white-space:pre-line}


.hero[data-animation="fade"] .hero__media{animation:dfwxHeroFade 1.8s ease both}
@keyframes dfwxHeroFade{from{opacity:.35}to{opacity:1}}