/* MORE 05 — compact editorial masthead; green mountain, blue water. */
body[data-page="home"] { --home-width:1160px; --home-gutter:clamp(22px,4vw,40px); }
body[data-page="home"] main { padding-bottom:44px; }
body[data-page="home"] .hero,body[data-page="home"] .whatson,body[data-page="home"] .cta-band,body[data-page="home"] .section-tint { width:calc(100% - var(--home-gutter)*2); max-width:var(--home-width); margin-left:auto; margin-right:auto; }
body[data-page="home"] .hero { margin-top:22px; padding:0 !important; }
body[data-page="home"] .brand-showcase { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); align-items:center; gap:46px; position:relative; isolation:isolate; overflow:hidden; min-height:0; border:0; border-radius:5px 5px 24px 24px !important; padding:30px 38px 28px !important; background:#F3F6EE !important; }
body[data-page="home"] .brand-showcase::before { content:""; position:absolute; z-index:0; top:-19%; right:-3%; width:35%; height:95%; background:url('../images/graphics/palm-shadow-studio.svg') right top/contain no-repeat !important; opacity:.25; filter:blur(1.3px); pointer-events:none; transform-origin:top right; animation:more-palm 10s ease-in-out infinite alternate; }
body[data-page="home"] .brand-showcase::after { display:none !important; }
body[data-page="home"] .bs-text { position:relative; z-index:3; min-width:0; max-width:none; }
body[data-page="home"] .bs-cn { margin:0 0 13px !important; max-width:none; font:850 clamp(28px,2.65vw,36px)/1.3 'MORE TC','PingFang TC',sans-serif !important; letter-spacing:-.025em !important; color:#384139 !important; white-space:nowrap; }
body[data-page="home"] .bs-words { display:flex !important; flex-direction:column; align-items:flex-start; gap:0; margin:0 !important; font:400 clamp(51px,4.9vw,65px)/1 'MORE Display',Impact,sans-serif !important; letter-spacing:-.018em !important; }
body[data-page="home"] .bs-words[hidden] { display:flex !important; }
body[data-page="home"] .bs-words .bw-row { display:block !important; width:max-content; max-width:none; font:inherit !important; line-height:1 !important; letter-spacing:inherit !important; white-space:nowrap; }
body[data-page="home"] .bs-words .bw-l,body[data-page="home"] .bs-words .bw-w { display:inline; font:inherit !important; letter-spacing:inherit !important; }
body[data-page="home"] .bs-words .bw-l { color:#547B3C !important; }
body[data-page="home"] .bs-words .bw-w { color:#384139 !important; }
body[data-page="home"] .bs-rule { display:block !important; width:42px !important; height:3px !important; margin:16px 0 0 !important; border-radius:0 !important; background:#9EC9DB !important; }
html[lang="en"] body[data-page="home"] .bs-cn { position:absolute; width:1px; height:1px; padding:0 !important; margin:-1px !important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
html[lang="en"] body[data-page="home"] .brand-showcase { min-height:355px; }
.hero-art { position:absolute; z-index:1; right:-6px; bottom:-2px; width:54%; max-width:630px; height:auto; pointer-events:none; transform:translate3d(var(--mx,0px),var(--my,0px),0); transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.mountain-echo { opacity:.44; }
.growth-trace { opacity:.65; }
.hero-side { position:relative; z-index:3; align-self:center; width:100%; max-width:420px; padding:0 0 4px; }
.hero-whats { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:285px; padding:0 0 12px; border-bottom:1px solid #C3D2B8; color:#4B6D36; font:400 28px/1.25 var(--ff-en); letter-spacing:-.04em; }
.hero-whats strong { font-weight:700; }
.hero-whats > span:last-child { font-size:27px; transition:transform .25s; }
.hero-whats:hover > span:last-child { transform:translate(3px,-3px); }
body[data-page="home"] .hero-description { max-width:350px; margin:15px 0 0; color:#56664F; font-size:18px; line-height:1.8; font-weight:400; }
.hero-explore { display:inline-flex; align-items:center; gap:15px; margin-top:13px; font-size:16px; color:#45682F; font-weight:700; }
.hero-explore > span:last-child { display:grid; place-items:center; width:32px; height:32px; border:1px solid #A4BC92; border-radius:50%; font-size:19px; transition:transform .25s,background .25s; }
.hero-explore:hover > span:last-child { background:#DFEAD5; transform:translate(2px,-2px); }
.home-discovery { margin-top:23px; }
.home-search-label { display:block; margin-bottom:9px; color:#40543C; font-size:16px; font-weight:700; }
.home-topics { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-bottom:11px; color:#59704B; font-size:14px; }
.home-topics > span { display:none; }
.home-topics a { min-height:31px; display:inline-flex; align-items:center; padding:3px 11px; background:#FDFEFA; border:1px solid #C9D6BE; border-radius:4px; color:#4D6A3D; transition:background .2s,border-color .2s; }
.home-topics a:hover { background:#E9F2F7; border-color:#ABCBD9; }
.home-search { display:flex; align-items:center; gap:10px; min-height:54px; margin:0; padding:4px 5px 4px 14px; border:1px solid #AFC8C8; border-radius:7px; background:#fff; }
.home-search-icon { display:inline-flex; color:#6C8D8D; }
.home-search-icon svg { width:20px; height:20px; }
.home-search input { flex:1; width:100%; min-width:0; border:0; outline:0; background:transparent; padding:9px 0; color:#364A3C; font:400 16px/1.5 var(--ff); }
.home-search input::placeholder { color:#64746B; opacity:1; }
.home-search button { display:grid; place-items:center; flex-shrink:0; width:43px; height:43px; padding:0; border:0; border-radius:4px; background:#547B3C; color:#fff; cursor:pointer; transition:background .2s; }
.home-search button:hover { background:#3F612B; }
.home-search button svg { width:21px; height:21px; }
.home-search:focus-within { outline:2px solid #719EAA; outline-offset:3px; }
body[data-page="home"] .whatson { padding:0; margin-top:30px; }
body[data-page="home"] .whatson-head { align-items:center; gap:20px; margin-bottom:20px; }
body[data-page="home"] .whatson-head > div { display:flex; flex-direction:column; align-items:flex-start; }
body[data-page="home"] .eyebrow { color:#54773c !important; font:700 10px/1.6 var(--ff-en); letter-spacing:.16em; }
body[data-page="home"] .eyebrow::before { background:#54773c !important; width:23px; height:2px; }
body[data-page="home"] .whatson-head h2,body[data-page="home"] .section-head h2 { margin-top:5px; color:#384139 !important; font-size:31px; line-height:1.35; font-weight:850 !important; letter-spacing:-.025em; }
body[data-page="home"] .more-link { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:0 0 4px; border-bottom:2px solid #acbf8f; font-size:13px; font-weight:700; letter-spacing:0; color:#566d40; text-transform:none; }
.more-box { display:grid; place-items:center; width:21px; height:21px; background:#5e7d40; color:white; border-radius:4px; font-size:17px; font-weight:700; transition:transform .22s; }
.more-link:hover .more-box { transform:translate(2px,-2px); }
body[data-page="home"] .card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
body[data-page="home"] .card { display:flex !important; flex-direction:column; min-width:0; border:1px solid #aab99b !important; border-radius:10px !important; background:#fff !important; box-shadow:none !important; }
body[data-page="home"] .card-top { order:-1; position:static !important; display:flex; align-items:center; flex-wrap:wrap; gap:6px 9px; min-height:53px; padding:11px 45px 10px 12px !important; background:transparent; }
body[data-page="home"] .card-top .chip { display:inline-flex; align-items:center; gap:5px; background:#fff !important; border:1px solid #7d8e6c !important; padding:3px 7px !important; border-radius:4px !important; color:#4f673c !important; font-size:12px !important; font-weight:700 !important; line-height:1.5; letter-spacing:0; text-transform:none; }
body[data-page="home"] .card-top .deadline { margin:0; color:#56763e !important; font-size:13px !important; line-height:1.5; font-weight:700 !important; white-space:nowrap; }
body[data-page="home"] .deadline.urgent { color:#a06136 !important; }
body[data-page="home"] .card-save { display:grid !important; width:27px !important; height:27px !important; right:10px !important; top:11px !important; border:1px solid #879875 !important; border-radius:4px !important; background:#fff !important; color:#587142 !important; font-size:17px !important; }
body[data-page="home"] .card-media { width:calc(100% - 20px); margin:0 10px; aspect-ratio:5/2; border-radius:5px; background:#eef2e5; }
body[data-page="home"] .card-media .card-poster { width:100% !important; height:100% !important; margin:0 !important; object-fit:cover !important; object-position:center 24%; border:0 !important; }
body[data-page="home"] .card-title { color:#384139 !important; padding:16px 15px 0 !important; font-size:19px !important; line-height:1.6; font-weight:750 !important; letter-spacing:-.015em !important; }
body[data-page="home"] .card-meta { display:grid !important; margin:15px 15px 0 !important; padding:0 !important; border:0 !important; }
body[data-page="home"] .card-meta li { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; align-items:baseline; padding:8px 0 !important; border-top:1px dashed #e1e7d8 !important; border-bottom:0 !important; font-size:13px; line-height:1.7; }
body[data-page="home"] .card-meta li > span:first-child { color:#87917c; font-size:12px; }
body[data-page="home"] .card-meta li > span:last-child { min-width:0; color:#556448; text-align:right; overflow-wrap:anywhere; }
body[data-page="home"] .card-tags { display:flex !important; flex-wrap:wrap; gap:6px; padding:12px 15px 0 !important; }
body[data-page="home"] .tag-pill { border:0 !important; border-radius:4px; background:#eff3e7 !important; padding:3px 7px; color:#71875a !important; font-size:10px; line-height:1.5; }
body[data-page="home"] .card-foot { display:flex !important; align-items:center; gap:12px; margin:auto 15px 15px !important; padding:14px 0 0 !important; border:0 !important; }
body[data-page="home"] .card-org { color:#7a8b66 !important; font-size:11px; font-weight:400; line-height:1.7; }
body[data-page="home"] .card-more { display:none !important; }
.home-spotlight { margin-top:22px; }
.spotlight-link { display:flex; align-items:baseline; gap:14px; padding:14px 0; color:#788969; border-bottom:1px solid #dce5d1; font-size:12px; }
.spotlight-kicker { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; color:#5f7d45; font-size:11px; }
.spotlight-kicker svg { width:14px; height:14px; align-self:center; }
.spotlight-title { flex:1; min-width:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.spotlight-date { font-size:11px; white-space:nowrap; }
.spotlight-arrow { font-size:16px; color:#67874a; }
body[data-page="home"] .cta-band { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:40px; padding:27px 30px; border:1px solid #CCDDE2; border-radius:16px; background:#E8F2F7 !important; }
body[data-page="home"] .cta-band::before,body[data-page="home"] .cta-band .home-kicker { display:none; }
body[data-page="home"] .cta-band h2 { color:#5e7846 !important; font-size:25px; font-weight:750; line-height:1.5; }
body[data-page="home"] .cta-link { display:inline-flex; align-items:center; gap:20px; min-height:40px; margin:0; border:0 !important; color:#67834b !important; white-space:nowrap; font-size:13px; font-weight:700; }
body[data-page="home"] .section-tint { padding:0; margin-top:42px; background:transparent !important; }
body[data-page="home"] .section-tint > .container { padding:0; }
body[data-page="home"] .section-head { margin-bottom:18px; gap:18px; }
body[data-page="home"] .section-intro { max-width:720px; margin:0 0 24px; color:#7a896b !important; font-size:14px; line-height:1.9; }
body[data-page="home"] .card--text .card-top { min-height:0; padding:19px 16px 0 !important; }
body[data-page="home"] .card--text .card-title { font-size:19px !important; }
body[data-page="home"] .article-excerpt { padding:12px 16px 16px !important; color:#78896a !important; font-size:13px; line-height:1.9; }
.reveal-card { opacity:0; transform:translateY(13px); transition:opacity .6s,transform .6s,border-color .2s !important; }
.reveal-card.is-inview,.reveal-card:focus-within { opacity:1; transform:translateY(0); }
.is-offscreen::before,.motion-paused .brand-showcase::before { animation-play-state:paused !important; }

@keyframes more-palm { from { transform:translate(0,0) rotate(-1deg); } to { transform:translate(-5px,3px) rotate(1deg); } }
@media(min-width:640px) and (max-width:899px) {
 .home-topics { gap:8px 12px; }
 body[data-page="home"] .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}
@media(max-width:639px) {
 body[data-page="home"] { --home-gutter:18px; }
 body[data-page="home"] .hero { width:100%; max-width:none; margin-top:0; }
 html[lang="en"] html[lang="en"] body[data-page="home"] .whatson { margin-top:18px; }
 body[data-page="home"] .whatson-head { margin-bottom:13px; }
 body[data-page="home"] .whatson-head h2,body[data-page="home"] .section-head h2 { font-size:28px; line-height:1.2; font-weight:850 !important; margin-top:4px; }
 body[data-page="home"] .eyebrow { font-size:10px; letter-spacing:.14em; }
 body[data-page="home"] .more-link { font-size:13px; gap:6px; }
 body[data-page="home"] .card-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 body[data-page="home"] .card-top { min-height:51px; padding:9px 43px 9px 10px !important; gap:6px 9px; }
 body[data-page="home"] .card-top .chip { font-size:12px !important; padding:3px 6px !important; }
 body[data-page="home"] .card-top .deadline { font-size:12px !important; }
 body[data-page="home"] .card-title { font-size:19px !important; padding:14px 14px 0 !important; }
 body[data-page="home"] .card-meta { margin:12px 14px 0 !important; }
 body[data-page="home"] .card-meta li { font-size:13px; grid-template-columns:68px minmax(0,1fr); }
 body[data-page="home"] .card-meta li > span:first-child { font-size:12px; }
 body[data-page="home"] .card-tags { padding:12px 14px 0 !important; }
 body[data-page="home"] .home-spotlight { display:none; }
 body[data-page="home"] .cta-band { flex-direction:column; align-items:flex-start; gap:7px; margin-top:28px; padding:22px; }
 body[data-page="home"] .cta-band h2 { font-size:23px; }
 body[data-page="home"] .section-tint { margin-top:30px; }
 html[lang="en"] body[data-page="home"] .card-title { font-size:18px !important; }
}
@media(max-width:359px) {
 body[data-page="home"] .card-top .deadline { font-size:11px !important; }
 body[data-page="home"] .card-top .chip { font-size:11px !important; }
 body[data-page="home"] .eyebrow { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
 body[data-page="home"] .bw-row,body[data-page="home"] .brand-showcase::before { animation:none !important; opacity:1 !important; }
 .reveal-card { opacity:1 !important; transform:none !important; transition:none !important; }
 .hero-explore > span:last-child,.more-box { transition:none !important; }
}

/* Visible, purposeful motion: the rising line draws once; water moves gently. */
.motion-ready .bw-row { animation:word-arrive .65s cubic-bezier(.2,.75,.25,1) both; }
.motion-ready .bw-row:nth-child(2) { animation-delay:.07s; }
.motion-ready .bw-row:nth-child(3) { animation-delay:.14s; }
.motion-ready .bw-row:nth-child(4) { animation-delay:.21s; }
.motion-ready .growth-trace { stroke-dasharray:1; animation:trace-rise 2.6s cubic-bezier(.25,.6,.2,1) .25s both; }
.water-back { animation:water-drift 7s ease-in-out infinite alternate; }
.water-front { animation:water-drift 5s ease-in-out infinite alternate-reverse; }
.motion-scene.is-offscreen .water,.motion-paused .water,.motion-scene.is-offscreen .growth-trace,.motion-paused .growth-trace { animation-play-state:paused !important; }
@keyframes word-arrive { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes trace-rise { from { stroke-dashoffset:1; opacity:.2; } to { stroke-dashoffset:0; opacity:.7; } }
@keyframes water-drift { from { transform:translate(-13px,1px); } to { transform:translate(14px,-2px); } }
@media(min-width:640px) and (max-width:899px) {
 body[data-page="home"] .brand-showcase { gap:26px; padding:26px !important; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
 body[data-page="home"] .bs-cn { font-size:26px !important; }
 body[data-page="home"] .bs-words { font-size:clamp(40px,5.4vw,49px) !important; }
 .hero-whats { font-size:24px; }
 body[data-page="home"] .hero-description { font-size:16px; }
 .home-discovery { margin-top:17px; }
 .home-search { gap:6px; padding-left:10px; }
 .home-search-icon { display:none; }
 .home-search input { font-size:15px; }
 .home-topics { gap:6px; font-size:13px; }
 .home-topics a { padding:3px 8px; }
}
@media(max-width:639px) {
 body[data-page="home"] .brand-showcase { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; padding:26px 22px 22px !important; border-radius:0 0 22px 22px !important; }
 body[data-page="home"] .bs-cn { font-size:clamp(27px,8.5vw,37px) !important; margin-bottom:10px !important; letter-spacing:-.04em !important; }
 body[data-page="home"] .bs-words { font-size:clamp(38px,11.2vw,51px) !important; }
 body[data-page="home"] .bs-rule { margin-top:13px !important; }
 .hero-side { display:block; max-width:none; padding:0; }
 .hero-whats { display:inline-flex; gap:20px; width:auto; padding:0; border:0; font-size:21px; }
 .hero-whats > span:last-child { font-size:22px; }
 body[data-page="home"] .hero-description,.hero-explore,.home-topics,.home-search-label { display:none; }
 .home-discovery { margin-top:12px; }
 .home-search { min-height:51px; }
 .home-search input { font-size:16px; }
 .home-search button { width:39px; height:39px; }
 .hero-art { width:84%; right:-17%; bottom:67px; opacity:.72; }
 body[data-page="home"] .brand-showcase::before { width:55%; height:60%; right:-8%; top:-6%; opacity:.3; }
 html[lang="en"] body[data-page="home"] .brand-showcase { min-height:0; }
}
@media(prefers-reduced-motion:reduce) {
 .motion-ready .bw-row,.motion-ready .growth-trace,.water { animation:none !important; stroke-dashoffset:0; opacity:1; transform:none; }
 .hero-art,.hero-whats > span:last-child,.home-topics a { transition:none !important; transform:none !important; }
}

html[lang="en"] body[data-page="home"] .card-meta li { grid-template-columns:104px minmax(0,1fr); }
body[data-page="home"] .card-meta li > span:last-child { line-height:1.7; }

.growth-pulse { opacity:0; stroke-dasharray:.14 .86; }
.motion-ready .growth-pulse { animation:trace-journey 9s linear 2.5s infinite; }
.motion-paused .growth-pulse,.is-offscreen .growth-pulse { animation-play-state:paused !important; }
@keyframes trace-journey { 0%,12% { stroke-dashoffset:1; opacity:0; } 17% { opacity:.7; } 68% { stroke-dashoffset:0; opacity:.7; } 73%,100% { stroke-dashoffset:0; opacity:0; } }
@media(prefers-reduced-motion:reduce) { .motion-ready .growth-pulse { display:none; animation:none !important; } }