/* CM Advisory — motion layer: hero globe, scroll reveals, hover lift */
html{--cma-h:3.45s}
html.cma-seen{--cma-h:.12s}
html.cma-fast{--cma-h:.05s}

/* ---------- Home hero: text + globe ---------- */
.home-five .home-intro .cma-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px)}
.home-five .home-intro .cma-hero-text h1{font-size:clamp(2.5rem,4.8vw,4.5rem);max-width:none}
html[lang^=zh] .home-five .home-intro .cma-hero-text h1,html[lang=ja] .home-five .home-intro .cma-hero-text h1{font-size:clamp(2rem,3.5vw,3.3rem)}
.cma-hero-text>p,.cma-hero-text>div{animation:cmaRise 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--cma-h) + .05s)}
.cma-hero-text>.home-lead{animation-delay:calc(var(--cma-h) + .55s)}
.cma-hero-text>.home-path-links{animation-delay:calc(var(--cma-h) + .75s)}
.cma-hero-text h1 span{animation:cmaRise 1.1s cubic-bezier(.2,.7,.2,1) both}
.cma-hero-text h1 span:nth-child(1){animation-delay:calc(var(--cma-h) + .2s)}
.cma-hero-text h1 span:nth-child(2){animation-delay:calc(var(--cma-h) + .38s)}
.cma-globe{position:relative;width:100%;max-width:580px;aspect-ratio:1/1;justify-self:center;touch-action:pan-y;cursor:grab;animation:cmaFade 1.8s ease both;animation-delay:calc(var(--cma-h) + .25s)}
.cma-globe:active{cursor:grabbing}
.cma-globe:before{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(100,80,140,.14),rgba(62,106,104,.10) 55%,transparent 72%);filter:blur(22px);animation:cmaBreathe 7s ease-in-out infinite}
.cma-globe canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cma-globe-label{position:absolute;left:0;top:0;opacity:0;transition:opacity .35s ease;font:600 .68rem/1 var(--sans,Manrope,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ink,#302b27);background:rgba(247,246,241,.92);padding:6px 9px;border-radius:2px;pointer-events:none;white-space:nowrap}
@keyframes cmaRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes cmaFade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes cmaBreathe{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:860px){
  .home-five .home-intro .cma-hero{grid-template-columns:1fr;gap:8px}
  .cma-globe{max-width:400px;margin:6px auto 0}
}

/* ---------- Scroll reveals (classes added by cma-motion.js) ---------- */
.cma-r{opacity:0;transform:translateY(28px);transition:opacity .95s cubic-bezier(.2,.65,.2,1),transform .95s cubic-bezier(.2,.65,.2,1);transition-delay:var(--cma-d,0ms);will-change:opacity,transform}
.cma-r.cma-in{opacity:1;transform:none}

/* ---------- Gentle hover lift ---------- */
.home-five .home-pane figure{transition:transform .5s ease,box-shadow .5s ease}
.home-five .home-pane figure:hover{transform:translateY(-6px)}
.button,.nav-cta{transition:transform .25s ease,box-shadow .25s ease}
.button:hover,.nav-cta:hover{transform:translateY(-2px)}

@media(prefers-reduced-motion:reduce){
  .cma-r{opacity:1;transform:none;transition:none}
  .cma-hero-text>*,.cma-hero-text h1 span,.cma-globe,.cma-globe:before{animation:none!important}
  .home-five .home-pane figure:hover,.button:hover,.nav-cta:hover{transform:none}
}
@media print{.cma-r{opacity:1!important;transform:none!important}}

/* ---------- Event clips ---------- */
.cma-reel-wrap{margin:44px 0 8px}
.cma-reel-wrap .eyebrow{margin-bottom:18px}
.cma-reel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cma-reel figure{margin:0}
.cma-reel video,.home-base figure video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8e2d6}
.home-base figure video{aspect-ratio:4/3}
.cma-reel figcaption{margin-top:10px}
@media(max-width:640px){.cma-reel{grid-template-columns:1fr}}
.cma-credit{position:absolute;left:14px;bottom:12px;right:14px;font:600 .64rem/1.3 var(--sans,Manrope,system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.65);pointer-events:none}

/* ---------- Emblem with Chinese name (tree + 遨问) ---------- */
.header .brand{align-items:center}.header .brand-crop{width:44px;height:56px;display:flex;align-items:center;justify-content:center}.header .brand-identity{align-self:center;justify-content:center;margin-left:10px}
.header .brand-crop img{width:auto;height:54px;max-width:44px;object-fit:contain;display:block}
.page-transition-mark img{width:auto;height:min(170px,26vh)}

/* stacked lockup: emblem (tree + 遨问) with CM Advisory directly beneath */
.header .brand{flex-direction:column;align-items:center;justify-content:center;gap:3px}
.header .brand-crop{width:auto;height:50px}
.header .brand-crop img{height:50px;max-width:none}
.header .brand-identity{margin:0;align-self:center;align-items:center;text-align:center}
.header .brand-identity .brand-name{font-size:.98rem;letter-spacing:.02em;line-height:1}
.header .brand-affiliation{display:none}

.cma-affil{font-size:inherit;opacity:1}

.cma-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:26px 0 8px}.cma-cta span{font-size:.85rem;color:#675e52}
.cma-proof{background:#f1e8d8;padding:44px 0}.cma-proof .cma-problem{font-family:var(--serif,Georgia,serif);font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.35;max-width:46ch;margin:0 0 26px;color:#302b27}
.cma-proof ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cma-proof li{border-top:2px solid #64508c;padding-top:12px;font-size:.95rem;line-height:1.45;color:#302b27}
@media(max-width:900px){.cma-proof ul{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cma-proof ul{grid-template-columns:1fr}}

.cma-result{display:grid;grid-template-columns:1fr 1.4fr;gap:34px;margin-top:34px;padding-top:28px;border-top:1px solid #d8cdb8;align-items:center}.cma-result-t{font-family:var(--serif,Georgia,serif);font-size:1.35rem;line-height:1.3;margin:6px 0 10px;color:#302b27}
.cma-logos>div{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:10px}.cma-logos img{height:30px;width:auto;max-width:110px;object-fit:contain;filter:grayscale(1);opacity:.7}
@media(max-width:900px){.cma-result{grid-template-columns:1fr}}

.cma-logos img{mix-blend-mode:multiply;height:36px;max-width:120px}.cma-logos img[alt="MANN+HUMMEL"],.cma-logos img[alt="Petronas"]{height:46px}

.cma-price{font-weight:600;color:#3e6a68;margin:6px 0 0;font-size:.95rem}

.cma-foot{font-size:.78rem;color:#675e52;margin:0 0 12px}

.cma-wechat{display:flex;align-items:center;gap:12px;margin-top:16px}.cma-wechat img{width:88px;height:88px;border-radius:6px;background:#fff}.cma-wechat span{font-size:.8rem;line-height:1.4;max-width:12ch;color:#675e52}

.footer-brand{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 22px}.footer-brand>p{flex-basis:100%;margin:0}
.footer-brand .cma-wechat{flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 6px}.footer-brand .cma-wechat img{width:96px;height:96px}.footer-brand .cma-wechat span{max-width:none;font-size:.74rem}

select[name="interest"] optgroup[data-area="corp"],select[name="interest"] optgroup[data-area="corp"] option{color:#64508c}
select[name="interest"] optgroup[data-area="start"],select[name="interest"] optgroup[data-area="start"] option{color:#3e6a68}
select[name="interest"] optgroup[data-area="base"],select[name="interest"] optgroup[data-area="base"] option{color:#675e52}
select[name="interest"]{border-left-width:5px}
select[name="interest"][data-area="corp"]{border-color:#64508c;color:#64508c}
select[name="interest"][data-area="start"]{border-color:#3e6a68;color:#3e6a68}
select[name="interest"][data-area="base"]{border-color:#675e52;color:#675e52}