:root{
  --ink:#011D2E;
  --ink-2:#062638;
  --paper:#F2E8E1;
  --muted:#B4ABA1;
  --gold:#C99A4E;
  --gold-soft:#E2BE7D;
  --line:rgba(201,154,78,.28);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  min-height:100vh;background:var(--ink);color:var(--paper);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit}
img{max-width:100%}
.serif{font-family:"Songti SC","STSong","Noto Serif SC","SimSun",serif}
.site-nav{
  position:fixed;inset:0 0 auto 0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 5vw;background:linear-gradient(to bottom,rgba(1,29,46,.96),rgba(1,29,46,0));
}
.brand{display:flex;align-items:center;min-width:0;text-decoration:none}
.brand img{display:block;width:auto;height:64px}
.nav-links{display:flex;align-items:center}
.nav-links a{
  margin-left:24px;color:var(--muted);font-size:13px;letter-spacing:2px;
  text-decoration:none;transition:color .3s;
}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold-soft)}
.nav-links a[aria-current="page"]{position:relative;color:var(--paper)}
.nav-links a[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:2px;bottom:-8px;height:1px;background:var(--gold)
}
.nav-links .nav-cta{
  padding:9px 22px;border-radius:999px;color:var(--ink);
  background:linear-gradient(135deg,var(--gold-soft),var(--gold));font-weight:700;
}
main{max-width:1180px;margin:0 auto;padding:0 5vw}
.about-hero{
  min-height:82vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;
  gap:8vw;padding:148px 0 90px;
}
.eyebrow{margin-bottom:28px;color:var(--gold);font-size:12px;letter-spacing:4px}
h1{font-size:clamp(42px,4.4vw,60px);line-height:1.32;letter-spacing:.08em}
.hero-copy>p{
  max-width:600px;margin-top:30px;color:var(--muted);font-size:16px;line-height:2.1;letter-spacing:.05em;
}
.belief{position:relative;padding:46px 0 44px 42px;border-left:1px solid var(--gold)}
.belief::before{content:"“";position:absolute;right:0;top:-36px;color:rgba(201,154,78,.16);font:160px/1 Georgia,serif}
.belief span{color:var(--gold);font-size:12px;letter-spacing:3px}
.belief p{position:relative;margin-top:22px;font-size:clamp(24px,2.5vw,34px);line-height:1.65;letter-spacing:.06em}
.about-section{padding:112px 0;border-top:1px solid rgba(201,154,78,.16)}
.chap{display:flex;align-items:baseline;gap:26px;margin-bottom:28px}
.chap .no{color:var(--gold);font-size:13px;letter-spacing:3px}
.chap .rule{flex:1;height:1px;background:var(--line);transform:translateY(-4px)}
.section-head{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:7vw}
h2{font-size:clamp(34px,4.3vw,54px);line-height:1.42;letter-spacing:.08em}
.section-head>p,.mentor-copy>p{
  color:var(--muted);font-size:15.5px;line-height:2.05;letter-spacing:.04em;
}
.brand-grid{
  display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:8vw;margin-top:54px;
}
.crest-stage{text-align:center}
.crest-orbit{
  position:relative;display:grid;place-items:center;width:min(390px,100%);aspect-ratio:1;margin:0 auto;
  border:1px solid rgba(201,154,78,.32);border-radius:50%;
  background:radial-gradient(circle,rgba(201,154,78,.11) 0,rgba(201,154,78,.035) 48%,transparent 70%);
}
.crest-orbit::before,.crest-orbit::after{
  content:"";position:absolute;border:1px solid rgba(201,154,78,.13);border-radius:50%;
}
.crest-orbit::before{inset:10%}
.crest-orbit::after{inset:22%}
.crest-orbit img{position:relative;z-index:1;width:54%;height:auto;filter:drop-shadow(0 16px 25px rgba(0,0,0,.3))}
.crest-stage figcaption{margin-top:24px;color:var(--gold);font-size:10px;letter-spacing:2.5px;line-height:1.8}
.brand-copy>small,.vision-lead>small,.team-head small{color:var(--gold);font-size:11px;letter-spacing:3.5px}
.brand-copy h2{margin:22px 0 28px}
.brand-copy>p{color:var(--muted);font-size:15.5px;line-height:2.08;letter-spacing:.04em}
.brand-copy>p strong{color:var(--paper);letter-spacing:.08em}
.brand-copy .brand-statement{margin-top:22px;color:var(--paper);font-size:20px;line-height:1.8}
.motto{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--gold-soft);font:12px/1.6 Georgia,serif;letter-spacing:4px}
.emblem-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:start;margin-top:86px;padding-top:44px;border-top:1px solid var(--line)}
.emblem-intro h3{font-size:30px;line-height:1.55;letter-spacing:.08em}
.emblem-intro p{color:var(--muted);font-size:15px;line-height:2.05}
.emblem-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:44px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.emblem-grid article{min-height:215px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.emblem-grid span{color:var(--gold);font-size:10px;letter-spacing:2.4px}
.emblem-grid h3{margin-top:24px;font-size:22px;letter-spacing:.08em}
.emblem-grid p{margin-top:14px;color:var(--muted);font-size:14.5px;line-height:1.9}
.color-story{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.color-story>div{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 18px}
.color-story>div+div{border-left:1px solid var(--line)}
.color-story .swatch{flex:0 0 12px;width:12px;height:36px;border:1px solid rgba(242,232,225,.15)}
.swatch-navy{background:#011D2E}.swatch-red{background:#6B1518}.swatch-gold{background:#C99A4E}.swatch-ivory{background:#F2E8E1}
.color-story span{color:var(--muted);font-size:11.5px;line-height:1.6}
.color-story b{display:block;color:var(--paper);font-size:12px;font-weight:600;letter-spacing:.08em}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-top:1px solid var(--line)}
.principle-grid article{min-height:260px;padding:34px 32px 38px 0;border-bottom:1px solid var(--line)}
.principle-grid article+article{padding-left:32px;border-left:1px solid var(--line)}
.principle-grid span{color:var(--gold);font:italic 18px/1 Georgia,serif}
.principle-grid h3{margin-top:34px;font-size:24px;letter-spacing:.08em}
.principle-grid p{margin-top:18px;color:var(--muted);font-size:14.5px;line-height:1.9}
.method-list{margin-top:58px;border-top:1px solid var(--line);list-style:none}
.method-list li{
  display:grid;grid-template-columns:90px 1fr;gap:36px;padding:32px 0;border-bottom:1px solid var(--line);
}
.method-list b{color:var(--gold);font:italic 28px/1 Georgia,serif}
.method-list small{color:var(--gold);font-size:11px;letter-spacing:3px}
.method-list h3{margin-top:7px;font-size:25px;letter-spacing:.08em}
.method-list p{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.9}
.vision-lead{display:grid;grid-template-columns:.3fr 1fr .72fr;align-items:start;gap:4vw;margin-top:56px}
.vision-lead h2{margin-top:-12px}
.vision-lead>p{color:var(--muted);font-size:15px;line-height:2.05}
.vision-path{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}
.vision-path li{display:grid;grid-template-columns:46px 1fr;gap:18px;min-height:255px;padding:32px 26px 34px 0}
.vision-path li+li{padding-left:26px;border-left:1px solid var(--line)}
.vision-path>li>span{color:var(--gold);font:italic 23px/1 Georgia,serif}
.vision-path small{color:var(--gold);font-size:10px;letter-spacing:2.7px}
.vision-path h3{margin-top:14px;font-size:23px;letter-spacing:.08em}
.vision-path p{margin-top:15px;color:var(--muted);font-size:14px;line-height:1.9}
.team-head{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:7vw;margin-top:52px}
.team-head h2{margin-top:18px}
.team-head>p{color:var(--muted);font-size:15.5px;line-height:2.05;letter-spacing:.04em}
.team-facts{display:grid;grid-template-columns:.72fr 1.28fr;margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.team-facts>div{display:flex;align-items:baseline;gap:25px;min-height:118px;padding:24px 30px 24px 0}
.team-facts>div+div{padding-left:30px;border-left:1px solid var(--line)}
.team-facts strong{color:var(--gold-soft);font:28px/1.2 Georgia,"Songti SC",serif;letter-spacing:.06em;white-space:nowrap}
.team-facts span{color:var(--muted);font-size:13.5px;line-height:1.8}
.mentor-grid{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;align-items:center;gap:8vw;margin-top:54px}
.mentor-grid figure{position:relative;max-width:390px}
.mentor-grid figure::before{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--line)}
.mentor-grid img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.85)}
.mentor-copy small{color:var(--gold);font-size:12px;letter-spacing:3px}
.mentor-copy h2{margin:24px 0 28px}
.mentor-copy>p+p{margin-top:18px}
.boundary-list{margin-top:56px;border-top:1px solid var(--line);list-style:none}
.boundary-list li{display:grid;grid-template-columns:140px 1fr;gap:34px;padding:28px 0;border-bottom:1px solid var(--line)}
.boundary-list span{color:var(--gold-soft);font-size:14px;letter-spacing:2px}
.boundary-list p{color:var(--muted);font-size:15px;line-height:1.9}
.next-step{padding:118px 6%;margin:20px 0 118px;text-align:center;border:1px solid var(--line);background:var(--ink-2)}
.next-step>small{color:var(--gold);font-size:12px;letter-spacing:4px}
.next-step h2{margin-top:20px}
.next-step>p{margin-top:18px;color:var(--muted);font-size:15px;line-height:1.9}
.action-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:38px}
.button{padding:14px 30px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:2px;text-decoration:none}
.button-primary{color:var(--ink);background:linear-gradient(135deg,var(--gold-soft),var(--gold))}
.button-ghost{color:var(--gold-soft);border:1px solid var(--line)}
footer{
  border-top:1px solid rgba(201,154,78,.16);padding:70px 5vw 60px;text-align:center;
  color:var(--muted);font-size:13px;letter-spacing:2px;line-height:2.2;
}
footer .f-brand{display:block;width:min(360px,86vw);height:auto;margin:0 auto 18px}
:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}
@media (max-width:960px){
  .site-nav{padding:14px 4vw}
  .brand img{content:url("../assets/todo-shield.png");width:38px;height:38px;object-fit:contain}
  .nav-links{gap:15px}
  .nav-links a{margin-left:0;font-size:12px;letter-spacing:1px;white-space:nowrap}
  .nav-links a[aria-current="page"]::after{bottom:-6px}
  .nav-links .nav-cta{display:none}
  main{padding:0 6vw}
  .about-hero{min-height:auto;grid-template-columns:1fr;gap:62px;padding:132px 0 90px}
  .belief{max-width:640px}
  .about-section{padding:88px 0}
  .section-head{grid-template-columns:1fr;align-items:start;gap:22px}
  .brand-grid{grid-template-columns:1fr;gap:58px}
  .crest-orbit{width:min(330px,82vw)}
  .brand-copy{max-width:720px}
  .emblem-intro{grid-template-columns:1fr;gap:20px}
  .color-story{grid-template-columns:repeat(2,1fr)}
  .color-story>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .color-story>div:nth-child(4){border-top:1px solid var(--line)}
  .principle-grid{grid-template-columns:1fr}
  .principle-grid article{min-height:0;padding:30px 0}
  .principle-grid article+article{padding-left:0;border-left:0}
  .mentor-grid{grid-template-columns:1fr;gap:58px}
  .mentor-grid figure{max-width:320px}
  .vision-lead{grid-template-columns:1fr;gap:22px}
  .vision-lead h2{margin-top:0}
  .vision-path{grid-template-columns:1fr}
  .vision-path li{min-height:0;padding:30px 0}
  .vision-path li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .team-head{grid-template-columns:1fr;align-items:start;gap:22px}
  .team-facts{grid-template-columns:1fr}
  .team-facts>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .next-step{padding:82px 7%;margin-bottom:88px}
}
@media (max-width:560px){
  .site-nav{padding-left:16px;padding-right:16px}
  .nav-links{gap:11px}
  .nav-links a{font-size:11.5px;letter-spacing:.5px}
  h1{font-size:39px}
  .belief{padding:34px 0 30px 26px}
  .belief p{font-size:24px}
  .crest-orbit{width:min(280px,78vw)}
  .crest-orbit img{width:57%}
  .brand-copy .brand-statement{font-size:18px}
  .emblem-grid{grid-template-columns:1fr}
  .emblem-grid article{min-height:0;padding:26px 22px}
  .color-story{grid-template-columns:1fr}
  .color-story>div+div,.color-story>div:nth-child(3),.color-story>div:nth-child(4){border-left:0;border-top:1px solid var(--line)}
  .team-facts>div{display:grid;gap:12px;min-height:0;padding:24px 0}
  .team-facts strong{font-size:25px}
  .method-list li{grid-template-columns:54px 1fr;gap:18px}
  .boundary-list li{grid-template-columns:1fr;gap:10px}
  .action-row{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}