/* About page */
.about-page .site-header { background: var(--page); }
.about-hero {
  padding: clamp(92px, 10vw, 154px) 0 clamp(76px, 8vw, 124px);
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 82% 18%, rgba(243,196,0,.14), transparent 27%),
    radial-gradient(circle at 10% 76%, rgba(255,255,255,.8), transparent 25%),
    var(--page);
}
.about-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.58fr);
  gap:clamp(54px,8vw,120px);
  align-items:end;
}
.about-hero h1 {
  margin:0;
  max-width:900px;
  font-size:clamp(4rem,7.6vw,7.6rem);
  line-height:.9;
  letter-spacing:-.067em;
  font-weight:950;
}
.about-hero h1 span { color:var(--accent-strong); }
.about-hero-lead {
  margin:30px 0 0;
  max-width:760px;
  color:var(--muted-strong);
  font-size:clamp(1.18rem,1.8vw,1.52rem);
  line-height:1.58;
  font-weight:620;
}
.about-hero-side {
  border-left:1px solid var(--line);
  padding-left:clamp(28px,4vw,50px);
  color:var(--muted);
  font-size:1rem;
  line-height:1.75;
}
.about-hero-side strong { display:block; margin-bottom:10px; color:var(--ink); font-size:1.12rem; }
.about-editorial { padding:var(--section-space) 0; }
.about-chapter {
  display:grid;
  grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);
  gap:clamp(44px,7vw,110px);
  padding:clamp(58px,7vw,94px) 0;
  border-top:1px solid var(--line);
}
.about-chapter:first-child { padding-top:0; border-top:0; }
.about-chapter-index { color:#8d7000; font-size:.76rem; font-weight:900; letter-spacing:.14em; }
.about-chapter-copy h2 {
  margin:0;
  max-width:820px;
  font-size:clamp(2.8rem,5vw,4.8rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.about-chapter-copy p {
  max-width:840px;
  margin:24px 0 0;
  color:var(--muted-strong);
  font-size:clamp(1.02rem,1.25vw,1.16rem);
  line-height:1.82;
}
.about-statement {
  padding:clamp(90px,10vw,150px) 0;
  background:var(--pro-bg);
  color:var(--pro-ink);
}
.about-statement blockquote {
  margin:0;
  max-width:1120px;
  font-size:clamp(3rem,6.1vw,6.2rem);
  line-height:.96;
  letter-spacing:-.058em;
  font-weight:930;
}
.about-statement blockquote span { color:var(--accent); }
.about-statement p { max-width:760px; margin:30px 0 0; color:var(--pro-muted); font-size:1.08rem; line-height:1.75; }
.about-principles { padding:var(--section-space-tight) 0; }
.about-principles-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.about-principle { padding:42px clamp(22px,3vw,44px); border-right:1px solid var(--line); }
.about-principle:last-child { border-right:0; }
.about-principle .num { display:block; margin-bottom:38px; color:#8d7000; font-size:.76rem; font-weight:900; letter-spacing:.14em; }
.about-principle h3 { margin:0; font-size:1.35rem; letter-spacing:-.025em; }
.about-principle p { margin:14px 0 0; color:var(--muted); line-height:1.7; }
.moly-section { padding:var(--section-space) 0; background:#eae5d9; }
.moly-grid { display:grid; grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); gap:clamp(58px,8vw,120px); align-items:start; }
.moly-copy h2 { margin:0; font-size:clamp(3rem,5.2vw,5rem); line-height:.95; letter-spacing:-.058em; }
.moly-copy p { margin:24px 0 0; color:var(--muted-strong); font-size:1.06rem; line-height:1.8; }
.moly-flow { border-top:1px solid rgba(60,58,51,.2); }
.moly-step { display:grid; grid-template-columns:72px 1fr; gap:24px; padding:28px 0; border-bottom:1px solid rgba(60,58,51,.2); }
.moly-step strong { color:#8d7000; font-size:.74rem; letter-spacing:.13em; }
.moly-step h3 { margin:0; font-size:1.22rem; }
.moly-step p { margin:7px 0 0; color:var(--muted); line-height:1.65; }
.company-section { padding:var(--section-space) 0; }
.company-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.58fr); gap:clamp(58px,9vw,130px); align-items:start; }
.company-copy h2 { margin:0; max-width:780px; font-size:clamp(3rem,5.4vw,5.2rem); line-height:.95; letter-spacing:-.058em; }
.company-copy p { margin:24px 0 0; max-width:820px; color:var(--muted-strong); font-size:1.06rem; line-height:1.82; }
.company-side { border-left:1px solid var(--line); padding-left:34px; }
.company-side h3 { margin:0 0 16px; font-size:1.1rem; }
.company-side p { margin:0; color:var(--muted); line-height:1.72; }
.about-close { padding:0 0 var(--section-space); }
.about-close-panel { padding:clamp(46px,6vw,76px); border-radius:var(--radius-lg); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-soft); display:grid; grid-template-columns:1fr auto; gap:38px; align-items:center; }
.about-close h2 { margin:0; font-size:clamp(2.4rem,4vw,3.8rem); line-height:1; letter-spacing:-.05em; }
.about-close p { margin:14px 0 0; color:var(--muted); }
@media(max-width:900px){
  .about-hero-grid,.moly-grid,.company-grid{grid-template-columns:1fr}
  .about-hero-side,.company-side{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}
  .about-chapter{grid-template-columns:1fr;gap:18px}
  .about-principles-grid{grid-template-columns:1fr}
  .about-principle{border-right:0;border-bottom:1px solid var(--line)}
  .about-principle:last-child{border-bottom:0}
  .about-close-panel{grid-template-columns:1fr}
}