/* The original editorial energy, with verified brand assets and optional detail. */
.header-logo { display:block; width:58px; height:52px; object-fit:contain; }
.wordmark { gap:17px; }
.wordmark-name { display:block; font-size:10px; line-height:1.35; }
.editorial-hero { padding-top:38px; }
.editorial-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:5%; align-items:center; }
.editorial-hero-copy { min-width:0; }
.editorial-hero .hero-eyebrow { margin:0 0 35px; font-size:10px; line-height:1.5; }
.editorial-hero .hero-eyebrow>.section-index { display:none; }
.editorial-hero .hero-heading { display:block; margin:0; }
.editorial-hero h1 { font-size:clamp(54px,5.65vw,96px); line-height:.96; letter-spacing:-.065em; max-width:100%; }
.editorial-hero h1>span { display:block; }
.editorial-hero .lime-period { color:#83ad3b; }
.editorial-hero .hero-down { display:none; }
.editorial-intro { margin-top:35px; max-width:500px; }
.editorial-intro>p { font-size:17px; line-height:1.7; color:#536348; max-width:460px; }
.editorial-intro .inline-arrow { width:auto; display:inline-flex; gap:26px; margin-top:29px; font-size:13px; padding-bottom:10px; border-bottom:1px solid #879b71; }
.editorial-cover { position:relative; margin:0; min-width:0; height:auto; aspect-ratio:4/3; background:#171c18; overflow:hidden; }
.editorial-cover-image { width:100%; height:100%; object-fit:cover; object-position:center 54%; }
.editorial-cover:after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,#000b); pointer-events:none; }
.editorial-cover figcaption { position:absolute; z-index:1; bottom:91px; left:25px; right:25px; color:white; }
.editorial-cover figcaption>span { font-size:9px; letter-spacing:.06em; }
.editorial-cover figcaption>p { font-size:14px; line-height:1.6; margin-top:11px; max-width:310px; }
.editorial-cover .image-case-link { z-index:1; left:25px; right:auto; bottom:24px; padding:12px 18px; font-size:11px; background:var(--lime); color:var(--ink); }
.editorial-hero .proof-strip { border-bottom:1px solid var(--line); margin:35px 0 0; padding:0 0 31px; }
.editorial-hero .proof-number { font-size:48px; }
.editorial-hero .proof-strip p { font-size:11px; margin-top:10px; }
.editorial-hero .proof-strip .proof-statement p { font-size:29px; }
.editorial-hero .proof-statement>.tiny-label { color:#718063; }
body[data-lang=zh] .editorial-hero h1 { font-size:clamp(44px,5.2vw,82px); letter-spacing:-.05em; line-height:1.3; }
body[data-lang=zh] .editorial-intro>p { font-size:17px; line-height:1.9; }

/* All four accounts stay near the entrance, without another long content block. */
body[data-page=home] .social-directory { display:block; padding-top:27px; padding-bottom:23px; }
body[data-page=home] .social-heading { display:flex; align-items:center; gap:23px; }
body[data-page=home] .social-heading h2 { font-size:20px; margin:0; }
body[data-page=home] .social-heading>p { display:none; }
body[data-page=home] .channel-links { grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; margin-top:12px; }
body[data-page=home] .channel-link-row { padding:14px 0 7px; border:0; }
body[data-page=home] .channel-link-name h3 { font-size:14px; min-height:1.4em; }
body[data-page=home] .channel-link-actions { gap:13px; margin-top:8px; }
.channel-link { min-height:27px; }
body[data-page=home] .company-introduction { padding-top:55px; padding-bottom:57px; }
body[data-page=home] .identity-lead { max-width:780px; }
.work .case-button h3 { min-height:0; }
.case-summary { margin-top:13px; }
#work-ayunche .case-image img { object-position:25% 40%; }
.case-proof { margin-top:18px; }
.case-film { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:15px; font-size:12px; border-bottom:1px solid var(--ink); }
.film-play { display:grid; place-items:center; width:27px; height:27px; border:1px solid currentColor; border-radius:50%; font-size:10px; padding-left:2px; }
.case-film:hover { color:#52732e; border-color:#52732e; }
.dialog-film-link { display:inline-flex; align-items:center; gap:13px; margin:5px 0 24px; padding:13px 20px; background:var(--lime); color:var(--ink); font-size:13px; border-radius:35px; }
.dialog-film-link:hover { background:#dcf9ad; }

/* Reading depth is opt-in. The title and result remain visible at each level. */
.read-more { margin-top:27px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.read-more>summary { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:20px 0; list-style:none; cursor:pointer; font-size:14px; line-height:1.5; }
.read-more>summary::-webkit-details-marker,.service-disclosure>summary::-webkit-details-marker,.capability-disclosure>summary::-webkit-details-marker { display:none; }
.disclosure-plus { flex-shrink:0; display:inline-block; font-size:24px; line-height:1; font-weight:400; transition:transform .25s; }
details[open]>summary .disclosure-plus { transform:rotate(45deg); }
.read-more-content { padding:4px 0 28px; }
.read-more-content>p { font-size:15px; line-height:1.8; color:#526046; }
.read-more-content>p+p { margin-top:16px; }
.read-more>summary:hover { color:#52732e; }
.company-hero-bottom { align-items:start; }
.company-intro-details { margin-top:0; }
.company-hero-bottom>.read-more>summary { padding-top:15px; }
.company-hero-bottom .read-more-content { padding-bottom:20px; }
.company-hero-bottom .read-more-content>p { font-size:15px; }
.service-disclosure { display:block; padding:0; }
.service-disclosure>summary { display:grid; grid-template-columns:50px 1fr 30px; gap:28px; align-items:center; padding:27px 0; list-style:none; cursor:pointer; }
.service-disclosure h3 { font-size:clamp(25px,2.7vw,38px); line-height:1.2; max-width:none; }
.service-disclosure .service-number { align-self:center; padding:0; }
.service-disclosure .disclosure-plus { color:var(--lime); font-size:30px; }
.service-disclosure .service-body { margin:0 0 28px 78px; max-width:720px; }
.service-disclosure .service-body>p { max-width:700px; }
.service-disclosure .service-proof { margin-top:17px; }
.service-disclosure[open]>summary h3 { color:var(--lime); }
.capability-disclosure { display:block; padding:0; }
.capability-disclosure>.capability-detail-heading { display:grid; grid-template-columns:35px 1fr 25px; gap:20px; align-items:center; list-style:none; cursor:pointer; padding:25px 0; }
.capability-disclosure .capability-number { margin:0; }
.capability-disclosure h3 { font-size:27px; line-height:1.3; }
.capability-disclosure .capability-detail-body { padding:0 0 28px 55px; }
.capability-disclosure .disclosure-plus { color:#577d32; }
.founder-details .founder-body { margin-top:0; }
.founder-details .regional-experience { margin-bottom:0; }
.partnership-details { margin-bottom:25px; }
.partnership-details .partnership-steps { margin:0; }
.partnership-details .partnership-steps>li:first-child { border-top:0; }
.entity-details .operating-entities { margin-top:0; }
.entity-details .entity-row:first-child { border-top:0; padding-top:6px; }
.entity-details .entity-row:last-child { padding-bottom:0; }
.case-delivery-details { margin-top:46px; }
.case-delivery-details>summary,.case-timeline-details>summary { font-size:17px; padding:22px 0; }
body[data-page=ayunche] .case-delivery-details .case-delivery-title { margin:22px 0 24px; }
.case-timeline-details .case-fieldwork-layout { margin-top:20px; }

@media(max-width:1100px) {
  .editorial-hero-layout { gap:4%; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); }
  .editorial-hero h1 { font-size:clamp(44px,5.4vw,62px); }
  .editorial-cover { height:auto; aspect-ratio:4/3; }
  body[data-lang=zh] .editorial-hero h1 { font-size:clamp(38px,4.9vw,55px); }
  .editorial-intro>p,body[data-lang=zh] .editorial-intro>p { font-size:15px; }
  body[data-page=home] .channel-links { gap:20px; }
  body[data-page=home] .channel-link-name h3 { font-size:12px; }
}
@media(max-width:760px) {
  .header-logo { width:45px; height:41px; }
  .wordmark-name { display:none; }
  .editorial-hero { padding-top:26px; }
  .editorial-hero-layout { display:block; }
  .editorial-hero .hero-eyebrow { margin-bottom:24px; font-size:9px; }
  .editorial-hero h1 { font-size:clamp(43px,11.1vw,75px); letter-spacing:-.065em; line-height:.98; }
  .editorial-intro { margin-top:23px; max-width:460px; }
  .editorial-intro>p { font-size:14px; line-height:1.7; }
  .editorial-intro .inline-arrow { margin-top:18px; font-size:12px; gap:20px; padding-bottom:9px; }
  .editorial-cover { height:auto; aspect-ratio:4/3; margin-top:29px; }
  .editorial-cover-image { object-position:center 54%; }
  .editorial-cover figcaption { left:20px; right:20px; bottom:86px; }
  .editorial-cover figcaption>p { font-size:13px; line-height:1.65; }
  .editorial-cover figcaption>span { font-size:8px; }
  .editorial-cover .image-case-link { left:20px; bottom:23px; font-size:10px; }
  .editorial-hero .proof-strip { margin-top:29px; padding-bottom:24px; }
  .editorial-hero .proof-number { font-size:43px; }
  .editorial-hero .proof-strip p { font-size:10px; }
  .editorial-hero .proof-strip .proof-statement p { font-size:20px; }
  .editorial-hero .proof-statement .tiny-label { font-size:8px; }
  body[data-lang=zh] .editorial-hero h1 { font-size:clamp(40px,11.3vw,62px); line-height:1.3; letter-spacing:-.045em; }
  body[data-lang=zh] .editorial-intro>p { font-size:14px; line-height:1.9; }
  body[data-page=home] .social-directory { padding-top:26px; padding-bottom:22px; }
  body[data-page=home] .social-heading { display:block; }
  body[data-page=home] .social-heading h2 { font-size:23px; margin-top:12px; }
  body[data-page=home] .channel-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; margin-top:13px; }
  body[data-page=home] .channel-link-row { display:block; padding:12px 0; }
  body[data-page=home] .channel-link-name h3 { font-size:13px; min-height:2.7em; line-height:1.35; }
  body[data-page=home] .channel-link-actions { align-items:flex-start; gap:5px; }
  body[data-page=home] .channel-link { min-height:25px; font-size:10px; }
  body[data-page=home] .company-introduction { padding-top:35px; padding-bottom:39px; }
  .service-disclosure>summary { grid-template-columns:25px 1fr 22px; gap:12px; padding:24px 0; }
  .service-disclosure h3 { font-size:25px; line-height:1.2; }
  body[data-lang=zh] .service-disclosure h3 { font-size:23px; line-height:1.5; }
  .service-disclosure .disclosure-plus { font-size:26px; }
  .service-disclosure .service-body { margin:0 0 24px 37px; }
  .read-more { margin-top:22px; }
  .read-more>summary { font-size:13px; padding:19px 0; }
  .read-more-content { padding-bottom:22px; }
  .company-intro-details { margin-top:0; }
  .company-hero-bottom .read-more-content>p { font-size:14px; }
  .capability-disclosure>.capability-detail-heading { grid-template-columns:25px 1fr 20px; gap:12px; padding:23px 0; }
  .capability-disclosure h3 { font-size:23px; }
  body[data-lang=zh] .capability-disclosure h3 { font-size:22px; line-height:1.5; }
  .capability-disclosure .capability-detail-body { padding:0 0 25px 37px; }
  .entity-details .entity-row { grid-template-columns:1fr 85px; }
  .case-delivery-details>summary,.case-timeline-details>summary { font-size:15px; }
  .case-delivery-details { margin-top:32px; }
  .case-timeline-details .case-fieldwork-layout { margin-top:11px; }
}
@media(max-width:370px) { body[data-page=home] .channel-link-name h3 { font-size:12px; } }

/* Concrete personal work is available within the founder's single disclosure. */
.founder-project { display:grid; grid-template-columns:90px minmax(0,1fr); gap:25px; padding:25px 0; border-top:1px solid var(--line); }
.founder-project-date { font-size:11px; line-height:1.5; color:#708264; padding-top:2px; }
.founder-project-brand { font-size:10px; line-height:1.5; letter-spacing:.06em; color:#5c6f4d; }
.founder-project h3 { font-size:24px; line-height:1.35; letter-spacing:-.025em; margin:8px 0 12px; }
.founder-project p { font-size:14px; line-height:1.8; color:#4e5c44; max-width:680px; }
.founder-evidence { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:22px; margin-top:18px; }
.founder-evidence figure { margin:0; min-width:0; }
.founder-evidence img { width:100%; height:auto; }
.founder-evidence figcaption { font-size:11px; line-height:1.6; color:#65705c; margin-top:10px; }
#founder-project-details > .read-more-content > .personal-note { font-size:12px; padding:13px 16px; background:#e0e5d7; }
@media (max-width:760px) {
  .founder-project { grid-template-columns:1fr; gap:9px; padding:22px 0; }
  .founder-project h3 { font-size:22px; line-height:1.5; margin:7px 0 11px; }
  .founder-project p { font-size:13px; line-height:1.85; }
  .founder-evidence { grid-template-columns:1fr; gap:24px; }
  #founder-project-details > .read-more-content > .personal-note { font-size:11px; line-height:1.8; }
}

/* Activities use explicit native links, including in embedded mobile browsers. */
.latest .latest-stories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 40px; }
.latest .latest-story { grid-template-columns:145px minmax(0,1fr); gap:22px; align-items:start; border-top:1px solid #a9b49f; padding:24px 0 0; }
.latest .activity-media { display:block; width:100%; background:#182018; overflow:hidden; }
.latest .activity-media img { width:100%; height:auto; object-fit:contain; transform:none; }
.latest .activity-media-landscape { margin-top:4px; }
.latest .story-meta { display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:flex-start; gap:8px 12px; min-height:0; margin-bottom:13px; }
.latest .story-meta time { line-height:1.6; }
.activity-status { color:#53664a; font-size:9px; line-height:1.6; letter-spacing:.05em; }
.is-upcoming .activity-status { background:var(--ink); color:var(--lime); padding:3px 8px; margin-top:-3px; }
.activity-actions { display:flex; align-items:flex-start; flex-wrap:wrap; gap:6px 20px; }
.activity-cta,.activity-secondary { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; font-size:12px; line-height:1.5; border-bottom:1px solid #71845f; padding:7px 0; }
.activity-secondary { color:#53664a; font-size:10px; }
.activity-cta:hover,.activity-secondary:hover { color:#3e621e; border-color:currentColor; }
@media (max-width:1050px) {
  .latest .latest-story { grid-template-columns:115px minmax(0,1fr); gap:18px; }
}
@media (max-width:760px) {
  .latest .latest-stories { grid-template-columns:1fr; gap:25px; }
  .latest .latest-story { grid-template-columns:95px minmax(0,1fr); gap:18px; border-bottom:0; padding-top:22px; }
  .latest .latest-story:last-child { padding-top:22px; }
  .latest .story-meta { display:block; margin-bottom:13px; }
  .latest .story-meta time { display:block; margin-top:6px; font-size:8px; }
  .latest .activity-media img { height:auto; max-height:none; }
  .activity-actions { display:block; }
  .activity-cta,.activity-secondary { max-width:100%; font-size:11px; }
  .activity-secondary { margin-top:3px; font-size:10px; }
}
