/* The manifesto inherits the site's white canvas and black/red ruler identity. */
.landing-page{padding-top:16px;padding-bottom:0}
.landing-tools{display:flex;justify-content:flex-end;align-items:center;gap:16px;min-height:44px}
.landing-language,.collection-language{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:var(--type-meta)}
.hero-composition{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:24px;padding:20px 0 80px}
.hero-copy{position:relative;z-index:1}
.hero-quote{margin:0}
.hero-quote h1{font-size:clamp(3rem,5.8vw,5.5rem);line-height:1.06;font-weight:350;letter-spacing:-.035em;text-wrap:initial}
.hero-quote h1 span,.hero-quote h1 strong{display:block}
.hero-quote h1 strong{font-weight:650}
.quote-attribution{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:28px;font-size:var(--type-meta);line-height:1.6;color:var(--muted)}
.quote-attribution a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:5px}
.quote-attribution a:hover{ text-decoration-color:var(--ink)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:36px}
.landing-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:12px 20px;background:var(--solid);color:var(--on-solid);font-size:1rem;font-weight:600}
.landing-primary:hover{background:var(--solid-hover);text-decoration:none}
.landing-primary:active{background:var(--accent-hover)}
.landing-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:var(--type-body)}
.landing-text-link svg,.landing-primary svg{flex:none}
.calibration-art{position:relative;width:100%;aspect-ratio:1/1.15;align-self:center}
.calibration-canvas,.calibration-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.calibration-art[data-ready] .calibration-fallback{visibility:hidden}
.landing-manifesto{display:grid;grid-template-columns:minmax(60px,1fr) minmax(0,4fr);gap:clamp(32px,6vw,80px);border-top:var(--hairline) solid var(--line-strong);padding:64px 0 80px}
.manifesto-margin{display:flex;align-items:flex-start;gap:10px;padding-top:10px}
.manifesto-margin span{width:1px;height:24px;background:var(--line-strong)}
.manifesto-margin i{width:2px;height:48px;background:var(--brand-tick)}
.manifesto-copy{max-width:73ch}
.manifesto-copy p{font-size:clamp(1.125rem,1.7vw,1.375rem);line-height:1.7;letter-spacing:-.01em}
.manifesto-copy p+p{margin-top:24px}
.manifesto-examples{color:var(--muted)}
.manifesto-examples a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color 160ms ease-out}
.manifesto-examples a:hover{text-decoration-color:var(--brand-tick)}
.manifesto-flaws{color:var(--muted)}
.manifesto-mission{font-weight:500}
.landing-work{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:64px;border-top:var(--hairline) solid var(--line-strong);padding:48px 0 64px}
.work-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.work-heading h2,.project-destination h2{font-size:1.375rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.work-heading .landing-text-link{font-size:var(--type-meta);white-space:nowrap}
.landing-report-list .report-entry{border-top:0;border-bottom:var(--hairline) solid var(--line)}
.landing-report-list .report-entry:last-child{border-bottom:0}
.landing-report-list .report-link{padding:24px 0;grid-template-columns:minmax(0,1fr)}
.landing-report-list .report-link.has-project-icon{grid-template-columns:28px minmax(0,1fr);gap:16px}
.landing-report-list .report-copy{display:flex;flex-direction:column;gap:0}
.landing-report-list h3{font-size:1.125rem;font-weight:600;line-height:1.45;letter-spacing:-.015em}
.landing-report-list .report-copy p{font-size:var(--type-body);margin-top:8px;line-height:1.6}
.landing-report-list .report-meta{margin-top:12px;font-size:var(--type-meta)}
.landing-report-list .benchmark-title-name{font-weight:inherit}
.landing-destinations{display:flex;flex-direction:column;padding-left:40px;border-left:var(--hairline) solid var(--line)}
.project-destination{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 0 32px}
.project-destination:first-child{padding-top:11px}
.project-destination+.project-destination{border-top:var(--hairline) solid var(--line);padding-top:32px}
.project-destination svg{flex:none;margin-top:2px}
.project-destination p{color:var(--muted);margin-top:12px;font-size:var(--type-body);line-height:1.6;max-width:32ch}
.project-destination:hover{text-decoration:none}
.project-destination:hover h2{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.landing-close{padding:36px 0 100px;text-align:center}
.closing-rule{position:relative;display:flex;align-items:center;justify-content:center;height:48px;margin-bottom:40px}
.closing-rule::before{content:"";position:absolute;width:160px;height:1px;background:var(--line-strong)}
.closing-rule i{position:relative;width:2px;height:40px;background:var(--brand-tick)}
.landing-close p{max-width:27ch;margin:0 auto;font-size:clamp(2rem,3.5vw,3.25rem);font-weight:450;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.vision-phrase{white-space:nowrap}
.landing-footer{border-top:var(--hairline) solid var(--line)}
.landing-footer>div{max-width:1280px;padding:24px var(--side);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:var(--type-meta)}
.landing-footer a{display:inline-flex;align-items:center;min-height:44px}
html:lang(zh) .hero-quote h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.28;letter-spacing:-.025em;font-weight:350}
html:lang(zh) .hero-quote h1 strong{font-weight:600}
html:lang(zh) .manifesto-copy p{line-height:1.85;letter-spacing:0}
html:lang(zh) .landing-close p{max-width:21em;font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.6;letter-spacing:0}
@media(max-width:1000px){
  .hero-composition{gap:0;padding-top:24px;padding-bottom:64px}
  .hero-quote h1{font-size:clamp(2.75rem,5.8vw,4.5rem)}
  .calibration-art{aspect-ratio:1/1.35}
  .landing-work{column-gap:36px}
  .landing-destinations{padding-left:28px}
  .work-heading{align-items:flex-start;flex-direction:column;gap:4px}
  .landing-manifesto{grid-template-columns:48px minmax(0,1fr);gap:32px}
}
@media(max-width:640px){
  .landing-page{padding-top:8px}
  .landing-tools{gap:12px}
  .hero-composition{display:flex;flex-direction:column;align-items:stretch;padding:24px 0 32px}
  .hero-quote h1{font-size:clamp(2.5rem,10.5vw,4rem);line-height:1.08;letter-spacing:-.025em}
  .quote-attribution{margin-top:24px;gap:4px 12px}
  .hero-actions{margin-top:28px;gap:12px 20px}
  .landing-primary{padding:12px 16px;gap:16px;font-size:.9375rem}
  .hero-actions .landing-text-link{font-size:.9375rem}
  .calibration-art{height:220px;width:min(100%,340px);align-self:center;aspect-ratio:auto;margin-top:16px}
  .landing-manifesto{display:block;padding:32px 0 40px}
  .manifesto-margin{display:none}
  .manifesto-copy p{font-size:1.0625rem;line-height:1.75;letter-spacing:0}
  .manifesto-copy p+p{margin-top:24px}
  .landing-work{grid-template-columns:1fr;padding:32px 0 20px}
  .work-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:4px}
  .work-heading h2{font-size:1.25rem}
  .landing-report-list .report-link.has-project-icon{grid-template-columns:24px minmax(0,1fr);gap:16px}
  .landing-report-list h3{font-size:1.0625rem}
  .landing-destinations{border-left:0;border-top:var(--hairline) solid var(--line-strong);padding-left:0;margin-top:12px}
  .project-destination,.project-destination:first-child,.project-destination+.project-destination{padding:28px 0}
  .project-destination h2{font-size:1.25rem}
  .project-destination p{margin-top:8px;max-width:36ch}
  .landing-close{padding:24px 0 64px}
  .closing-rule{margin-bottom:24px}
  .landing-close p{font-size:2rem;line-height:1.3}
  .landing-footer>div{padding-block:16px}
  html:lang(zh) .hero-quote h1{font-size:clamp(2rem,8.2vw,3rem);line-height:1.35}
  html:lang(zh) .landing-close p{font-size:1.75rem;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.manifesto-examples a{transition:none}}