/* MORE 06 — readable information, green peaks and a blue harbour. */
:root { --water:#BFDEEE; --water-deep:#609AB7; --muted:#52666D !important; }
body { font-size:18px; }
.site-nav a,.site-nav.open a { font-size:16px; color:#35483E !important; }
.header-actions .lang-switch { font-size:17px; }
.site-nav a { min-height:44px; display:inline-flex; align-items:center; }
.brand-cn,html[lang="en"] .brand-cn { font-size:12px !important; }
.brand-word { font-size:36px !important; }
.site-footer { background:#E4F1F7 !important; border-color:#C5DFEC !important; }
.site-footer p { font-size:14px; color:#4F6672; }
.site-footer .copyright { font-size:13px; }
.section-intro,.page-head .page-sub { font-size:18px; color:#435B63 !important; }
.page-hero { background:#EAF4F9 !important; border-color:#D2E4ED !important; }
.page-hero .ph-sub { font-size:20px; color:#354F5B !important; }
.page-hero .eyebrow,.eyebrow { font-size:12px; }
.page-hero-links { font-size:16px; }
.page-hero::after { opacity:1; }
.page-head::after { opacity:.9; }
.page-head { border-color:#C8DDE5; }
.page-hero h1,.page-hero .eyebrow,.page-hero .ph-sub { position:relative; z-index:1; }
.card-title,.whatson .card-title { font-size:22px !important; }
.card-top .chip,.card-top .deadline,.card-top .deadline.ok { font-size:14px !important; }
.card-meta li { font-size:16px; line-height:1.7; }
.card-meta li > span:first-child { font-size:14px; color:#5C6B70; }
.card-meta li > span:last-child { color:#354C50; }
.card-org { font-size:14px; color:#536B5A !important; }
.tag-pill,.card-tags .tag { font-size:12px; color:#4D6544 !important; }
.filter-row input,.filter-row select,.filter-chip,.cat-pill { font-size:16px; }
.filter-chip { min-height:44px; }
.detail-meta .dm-label { font-size:15px; }
.detail-meta .dm-value { font-size:17px; }
.hint { font-size:15px; }
.article-body { font-size:18px; }
.article-sources { font-size:16px; }
.article-card h3 { font-size:22px; }
.path-card h3 { font-size:19px; }
.path-card p { font-size:17px; line-height:1.8; color:#43565D !important; }
.path-num { font-size:15px; width:33px; height:33px; background:#D6EAF5 !important; color:#315C72 !important; }
.path-destinations { font-size:18px; color:#445F69; }
.banner-note { font-size:15px; color:#53666E !important; }
.about-card p,.about-name > p,.about-logo > p { font-size:18px; color:#40565C; line-height:1.9; }
.about-card h2 { font-size:28px; }
.more-meaning span { font-size:16px; color:#4C6269; }
.more-meaning strong { font-size:28px; }
.about-name { border-color:#C5DCE7; }
.identity-panel { background:#E9F3F7; min-height:300px; border-radius:8px 8px 22px 22px; }
.identity-panel::after { background:#B9DCEC; height:220px; bottom:-120px; }
.identity-panel figcaption { font-size:16px; color:#3F5C62; }
.about-contact a { font-size:18px; }
.about-bottom .about-card { background:#F2F8FB !important; border-color:#D2E4EC !important; }
@media(min-width:1240px) {
 .site-header { grid-template-columns:226px minmax(0,1fr) 46px; gap:14px; padding:16px max(30px,calc((100vw - 1248px)/2)); }
 .site-nav { gap:0; }
 .site-nav a { font-size:16px; padding:9px 9px; }
}

/* A separate landscape column keeps every word clear of the M. */
body[data-page="home"] { --home-width:1248px; --home-gutter:32px; }
body[data-page="home"] .hero { margin-top:24px; }
body[data-page="home"] .brand-showcase { grid-template-columns:minmax(0,1.12fr) minmax(0,.64fr) minmax(0,1.05fr); gap:18px; align-items:center; padding:30px !important; border-radius:8px 8px 25px 25px !important; background:#EDF5F5 !important; }
body[data-page="home"] .brand-showcase::before { display:none; }
body[data-page="home"] .bs-text { grid-column:1; grid-row:1; align-self:center; }
body[data-page="home"] .bs-cn { font-size:32px !important; margin-bottom:13px !important; }
body[data-page="home"] .bs-words { font-size:65px !important; }
body[data-page="home"] .bs-rule { background:#639FBB !important; }
body[data-page="home"] .hero-art { grid-column:2; grid-row:1; position:relative; right:auto; bottom:auto; width:calc(100% + 64px); height:320px; margin:23px 0 0 -32px; max-width:none; opacity:1; z-index:1; overflow:visible; }
.mountain-echo { opacity:.62; }
.harbour-water { position:absolute; z-index:2; width:110%; height:170px; bottom:-3px; left:-5%; pointer-events:none; }
body[data-page="home"] .hero-side { grid-column:3; grid-row:1; max-width:none; z-index:4; padding:22px 23px; border:1px solid #D0E3EC; border-radius:8px 8px 16px 16px; background:#F8FCFE; }
.hero-whats { font-size:30px; max-width:none; color:#3D6430; border-color:#C9DBDE; padding-bottom:13px; }
body[data-page="home"] .hero-description { color:#293F49; font-size:22px; line-height:1.65; font-weight:500; max-width:none; margin-top:15px; }
.hero-explore { display:none; font-size:18px; margin-top:12px; gap:12px; }
.hero-explore > span:last-child { width:34px; height:34px; }
.home-discovery { margin-top:20px; }
.home-search-label { font-size:18px; color:#293F49; margin-bottom:10px; }
.home-topics { font-size:16px; gap:8px; margin-bottom:12px; }
.home-topics a { min-height:38px; padding:5px 12px; background:#fff; color:#395C44; border-color:#B7CED5; }
.home-search { min-height:60px; padding:5px 6px 5px 12px; border-color:#86A9B8; gap:8px; }
.home-search input { font-size:18px; color:#233E4B; }
.home-search input::placeholder { color:#506571; }
.home-search button { width:46px; height:46px; }
.home-search-icon { color:#547F92; }
body[data-page="home"] .eyebrow { font-size:12px; }
body[data-page="home"] .whatson-head h2,body[data-page="home"] .section-head h2 { font-size:34px; }
body[data-page="home"] .more-link { font-size:16px; color:#3F6231; }
body[data-page="home"] .more-box { width:26px; height:26px; font-size:20px; }
body[data-page="home"] .card { border-color:#C3D4D8 !important; }
body[data-page="home"] .card-top { min-height:59px; padding:12px 45px 11px 14px !important; }
body[data-page="home"] .card-top .chip,body[data-page="home"] .card-top .deadline { font-size:14px !important; }
body[data-page="home"] .card-save { width:31px !important; height:31px !important; }
body[data-page="home"] .card-title,html[lang="en"] body[data-page="home"] .card-title { font-size:22px !important; line-height:1.55; padding:17px 16px 0 !important; }
body[data-page="home"] .card-meta { margin:14px 16px 0 !important; }
body[data-page="home"] .card-meta li { font-size:16px; line-height:1.65; grid-template-columns:78px minmax(0,1fr); }
body[data-page="home"] .card-meta li > span:first-child { font-size:14px; color:#576C73; }
body[data-page="home"] .card-meta li > span:last-child { color:#354C50; }
html[lang="en"] body[data-page="home"] .card-meta li { grid-template-columns:112px minmax(0,1fr); }
body[data-page="home"] .tag-pill { font-size:12px; color:#4D6544 !important; }
body[data-page="home"] .card-org { font-size:14px; color:#536B5A !important; }
.spotlight-link { font-size:16px; color:#435C64; padding:17px 0; }
.spotlight-kicker,.spotlight-date { font-size:14px; }
body[data-page="home"] .cta-band { background:#DCEEF7 !important; border-color:#BBD9E8; }
body[data-page="home"] .cta-band h2 { font-size:28px; color:#314E5B !important; }
body[data-page="home"] .cta-link { font-size:17px; color:#335B6D !important; }
body[data-page="home"] .section-intro { color:#405C65 !important; font-size:18px; }
body[data-page="home"] .card--text .card-title { font-size:22px !important; }
body[data-page="home"] .article-excerpt { color:#40565E !important; font-size:17px; }

/* The same real mark, annotated once and then read in three visual studies. */
.logo-story-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:22px; }
.logo-story-heading h2 { margin:8px 0 0; font-size:32px; line-height:1.4; }
.logo-story-heading > p { max-width:280px; margin:0; font-size:18px; color:#48636F; line-height:1.7; }
.logo-atlas { margin:0; background:#EDF6FA; border:1px solid #CFE3ED; border-radius:12px; overflow:hidden; }
.logo-atlas-art { width:100%; margin:auto; background:url('../images/graphics/more-water-v6.svg') center bottom/100% 140px no-repeat; }
.logo-atlas svg { display:block; width:100%; max-width:760px; margin:auto; height:auto; }
.logo-atlas figcaption { padding:18px 28px; background:#F7FBFD; color:#395866; font-size:18px; line-height:1.8; }
.motion-ready .logo-drawing { stroke-dasharray:1; animation:logo-unfold 2.6s ease both; }
.logo-readings { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:20px 0 40px; }
.logo-reading { min-width:0; border-bottom:2px solid #BAD8E6; }
.logo-reading-visual { background:#F0F6F8; padding:18px 22px 6px; border-radius:8px; }
.logo-reading-visual svg { display:block; width:100%; height:145px; }
.logo-reading-copy { position:relative; padding:21px 0 23px 39px; }
.logo-reading-number { position:absolute; left:0; top:24px; font:700 14px/1.5 var(--ff-en); color:#4E8299; }
.logo-reading h3 { font-size:21px; line-height:1.5; margin:0 0 10px; letter-spacing:-.025em; }
.logo-reading p { font-size:17px; color:#435B64; line-height:1.85; margin:0; }
@keyframes logo-unfold { from { stroke-dashoffset:1; opacity:0; } to { stroke-dashoffset:0; opacity:1; } }
@media(min-width:1100px) and (max-width:1239px) {
 body[data-page="home"] .brand-showcase { padding:26px !important; gap:10px; }
 body[data-page="home"] .bs-cn { font-size:28px !important; }
 body[data-page="home"] .bs-words { font-size:59px !important; }
 body[data-page="home"] .hero-side { padding:20px; }
}
@media(min-width:640px) and (max-width:1099px) {
 body[data-page="home"] .brand-showcase { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:22px 30px; padding:28px !important; }
 body[data-page="home"] .bs-cn { font-size:clamp(27px,3.7vw,34px) !important; }
 body[data-page="home"] .bs-words { font-size:clamp(46px,6.2vw,63px) !important; }
 body[data-page="home"] .hero-art { grid-column:2; width:100%; margin:0; height:280px; }
 body[data-page="home"] .hero-side { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:25px; padding:23px; }
 .hero-whats { font-size:27px; }
 body[data-page="home"] .hero-description { font-size:20px; }
 .home-discovery { margin-top:0; }
 .home-search-icon { display:inline-flex; }
 .home-search input { font-size:17px; }
 .home-topics { font-size:16px; }
 .home-search-label { font-size:18px; }
 .harbour-water { height:220px; }
 .logo-story-heading { display:block; }
 .logo-story-heading > p { max-width:none; margin-top:12px; }
 .logo-readings { gap:15px; }
 .logo-reading-visual { padding:10px; }
 .logo-reading-copy { padding-left:0; }
 .logo-reading-number { position:static; display:block; margin-bottom:8px; }
}
@media(max-width:639px) {
 .brand-word { font-size:31px !important; }
 .brand-cn,html[lang="en"] .brand-cn { font-size:10.5px !important; }
 .site-nav.open a { font-size:17px; }
 .app-tab,.app-tab.on { font-size:13px; }
 .page-head .page-sub,.page-hero .ph-sub { font-size:18px; }
 .page-hero-links { font-size:15px; }
 .path-card { grid-template-columns:33px minmax(0,1fr); }
 .path-card h3 { font-size:20px; }
 .path-card p { font-size:17px; }
 .about-card p,.about-name > p { font-size:18px; }
 .about-card h2 { font-size:27px; }
 .more-meaning strong { font-size:clamp(22px,6.5vw,27px); }
 .more-meaning span { font-size:15px; }
 .identity-panel { min-height:250px; }
 .identity-panel figcaption { font-size:16px; }
 body[data-page="home"] { --home-gutter:18px; }
 body[data-page="home"] .hero { margin-top:0; }
 body[data-page="home"] .brand-showcase { grid-template-columns:minmax(0,1fr); gap:24px; padding:27px 20px 20px !important; }
 body[data-page="home"] .bs-cn { font-size:clamp(27px,8vw,34px) !important; }
 body[data-page="home"] .bs-words { font-size:clamp(40px,11.2vw,51px) !important; }
 body[data-page="home"] .hero-art { position:absolute; grid-column:auto; grid-row:auto; width:160px; height:130px; top:155px; right:7px; bottom:auto; margin:0; opacity:.9; }
 html[lang="en"] body[data-page="home"] .hero-art { top:110px; }
 body[data-page="home"] .hero-side { grid-column:1; grid-row:2; padding:18px; display:block; }
 .hero-whats { display:flex; width:100%; font-size:25px; padding-bottom:10px; border-bottom:1px solid #C9DBDE; }
 .hero-whats > span:last-child { font-size:25px; }
 body[data-page="home"] .hero-description { display:block; font-size:18px; line-height:1.7; margin-top:11px; }
 .hero-explore { display:none; }
 .home-discovery { margin-top:18px; }
 .home-search-label { display:block; font-size:17px; margin-bottom:9px; }
 .home-topics { display:flex; font-size:16px; gap:8px; }
 .home-topics a { min-height:38px; }
 .home-search { min-height:56px; padding-left:10px; }
 .home-search input { font-size:17px; }
 .home-search button { width:42px; height:42px; }
 .home-search-icon { display:none; }
 .harbour-water { height:280px; }
 body[data-page="home"] .eyebrow { font-size:12px; }
 body[data-page="home"] .whatson-head h2,body[data-page="home"] .section-head h2 { font-size:30px; }
 body[data-page="home"] .card-top { gap:7px 9px; }
 body[data-page="home"] .card-top .chip,body[data-page="home"] .card-top .deadline { font-size:14px !important; }
 body[data-page="home"] .card-meta li { grid-template-columns:72px minmax(0,1fr); }
 html[lang="en"] body[data-page="home"] .card-meta li { grid-template-columns:104px minmax(0,1fr); }
 body[data-page="home"] .more-link { font-size:16px; }
 body[data-page="home"] .cta-band h2 { font-size:27px; }
 .logo-story-heading { display:block; }
 .logo-story-heading h2 { font-size:28px; }
 .logo-story-heading > p { max-width:none; margin-top:12px; font-size:18px; }
 .logo-atlas-art { padding:12px 0; }
 .logo-atlas figcaption { padding:17px 20px; font-size:17px; }
 .logo-readings { grid-template-columns:minmax(0,1fr); gap:25px; margin-top:25px; }
 .logo-reading-visual { padding:20px 30px 10px; }
 .logo-reading-copy { padding:18px 0 24px 38px; }
 .logo-reading-number { top:22px; }
 .logo-reading h3 { font-size:23px; }
 .logo-reading p { font-size:18px; }
}
@media(max-width:359px) {
 body[data-page="home"] .brand-showcase { padding:24px 16px 16px !important; }
 body[data-page="home"] .hero-side { padding:15px; }
 body[data-page="home"] .bs-words { font-size:39px !important; }
 body[data-page="home"] .hero-art { width:125px; right:5px; top:145px; }
 html[lang="en"] body[data-page="home"] .hero-art { top:95px; }
 .home-topics { gap:6px; font-size:15px; }
 .home-topics a { padding:5px 9px; }
 .home-search input { font-size:16px; }
 .more-meaning { column-gap:9px; }
 .more-meaning div { padding-left:9px; }
 .more-meaning strong { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) {
 .logo-drawing { animation:none !important; stroke-dasharray:none !important; opacity:1 !important; }
 .water,.growth-trace,.growth-pulse { animation:none !important; }
}

.page-hero::after,.page-head::after { background-image:url('../images/graphics/more-harbour-v6.svg') !important; }
@media(max-width:639px) { .logo-reading-visual svg { height:auto; } }

html { scroll-padding-top:110px; }

@media(max-width:639px) { .logo-atlas-art { background-size:100% 65px; } }