/* About wi: the founder's reasoning and the design principles share one rhythm. */
:root{--about-header:92px;--about-top:174px;--about-page-offset:112px}
.about-evolved.about-scroll-ready .about-chapters{background:#faf9f5;border-block:1px solid #cfc3a7}
.about-evolved.about-scroll-ready .about-chapters a{min-height:54px;display:flex;align-items:center}
.about-evolved.about-scroll-ready .about-chapters a[aria-current]{color:#20543d;border-bottom-color:#9c7730}
.about-evolved.about-scroll-ready section[id]{scroll-margin-top:max(0px,calc(var(--about-top) - var(--about-page-offset)))}
.about-evolved.about-scroll-ready .founder-grid{align-items:start;gap:6%}
.about-evolved.about-scroll-ready .about-stack{display:flex;flex-direction:column;gap:30px;isolation:isolate;min-width:0}
.about-evolved.about-scroll-ready .founder-chapter{padding:32px;border:1px solid #cfc3a7;background:#faf9f5;display:flex;flex-direction:column;justify-content:center;min-width:0}
.about-evolved.about-scroll-ready .founder-chapter h3{margin:20px 0 23px;font-size:clamp(28px,2.5vw,38px);line-height:1.2}
.about-evolved.about-scroll-ready .founder-chapter p:last-child{margin-bottom:0}
.about-chapter-number{font-size:9px;letter-spacing:.14em;color:#715b2c;line-height:1.6}
.about-evolved.about-scroll-ready .founder-quote{padding:40px 9%;margin:0;min-width:0;align-self:start}
.about-evolved.about-scroll-ready .founder-quote blockquote{font-size:clamp(29px,3.1vw,44px);margin:25px 0}
.about-evolved.about-scroll-ready .founder-signature{margin-top:25px}
.about-evolved.about-scroll-ready .founder-next{align-items:start}
.about-evolved.about-scroll-ready .dna-reading-flow{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:6%;margin-top:25px;padding-top:32px}
.about-evolved.about-scroll-ready .dna-story-column{min-width:0}
.about-evolved.about-scroll-ready .surface-story{margin-bottom:35px}
.about-evolved.about-scroll-ready .surface-story h3{font-size:clamp(32px,3.1vw,45px);line-height:1.15}
.about-evolved.about-scroll-ready .principles-grid article{padding:30px;border:1px solid #cfc3a7;background:#faf9f5;min-height:240px;display:flex;flex-direction:column;justify-content:center}
.about-evolved.about-scroll-ready .principles-grid article:nth-child(even){background:#151817;color:#faf9f5;border-color:#8c743f}
.about-evolved.about-scroll-ready .principles-grid article:nth-child(even) :is(h3,p){color:#faf9f5}
.about-evolved.about-scroll-ready .principles-grid article:nth-child(even)>span{color:#d8be82}
.about-evolved.about-scroll-ready .principles-grid h3{font-size:clamp(34px,3.8vw,53px);line-height:1.15;margin:20px 0;overflow-wrap:normal}
.about-evolved.about-scroll-ready .principles-grid p{font-size:17px;line-height:1.8;margin:0}
.about-evolved.about-scroll-ready .about-stack>.is-current{border-top-color:#9c7730;box-shadow:inset 0 3px #9c7730}
.about-evolved.about-scroll-ready .material-study{align-self:start;min-width:0}
.about-evolved.about-scroll-ready .material-scene{height:430px}
.about-scene-meter{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 18px;background:#151817;color:#eee9df;font-size:9px;line-height:1.6;letter-spacing:.1em}
.founder-quote .about-scene-meter{background:transparent;border-top:1px solid #ffffff30;padding:20px 0 0;margin-top:28px}
.about-scene-meter [data-about-count]{font-variant-numeric:tabular-nums;color:#d8be82;white-space:nowrap}
.about-scene-track{grid-column:1/-1;background:#50534c;height:2px}
.about-scene-track>span{display:block;height:100%;width:var(--about-progress,20%);background:#d8be82;transition:width .35s ease}
.about-evolved.about-scroll-ready [data-about-reveal]{opacity:1;transform:translateY(0);transition:transform var(--reveal-duration) var(--reveal-ease)}
.about-evolved.about-scroll-ready [data-about-reveal].about-waiting{transform:translateY(var(--reveal-distance))}
@media(min-width:760px) and (min-height:650px){
 .about-evolved.about-scroll-ready .about-chapters{position:sticky;top:var(--about-header);z-index:20}
 .about-evolved.about-scroll-ready .founder-grid{display:grid;grid-template-columns:1fr 1fr}
 .about-evolved.about-scroll-ready .dna-reading-flow{display:grid}
 .about-evolved.about-scroll-ready .material-scene{height:min(430px,calc(100svh - var(--about-top) - 250px))}
 .about-evolved.about-scroll-ready .about-pin-ready{position:sticky;top:var(--about-top)}
}
@media(min-width:760px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
 .about-evolved.about-scroll-ready .about-stack.stack-ready:not(.about-keyboard)>*{position:sticky;top:var(--about-top);height:var(--about-card-height);min-height:0}
 .about-evolved.about-scroll-ready .about-stack[data-about-stack=founder]{--about-card-height:min(560px,calc(100svh - var(--about-top) - 25px))}
 .about-evolved.about-scroll-ready .about-stack[data-about-stack=ethos]{--about-card-height:min(285px,calc(100svh - var(--about-top) - 25px))}
 .about-evolved.about-scroll-ready .about-stack.stack-ready{gap:55px;padding-bottom:35px}
}
@media(min-width:760px) and (max-width:999px){
 .about-evolved.about-scroll-ready .founder-chapter{padding:25px}
 .about-evolved.about-scroll-ready .founder-chapter p{font-size:16px}
 .about-evolved.about-scroll-ready .founder-quote{padding:32px 8%}
 .about-evolved.about-scroll-ready .founder-quote blockquote{font-size:30px}
 .about-evolved.about-scroll-ready .principles-grid h3{font-size:35px}
 .about-evolved.about-scroll-ready .material-controls button{flex-direction:column;justify-content:center;gap:2px;padding:8px 3px}
 .about-evolved.about-scroll-ready .material-controls button span{font-size:10px}
}
@media(max-width:759px){
 .about-evolved.about-scroll-ready .founder-grid{display:flex;flex-direction:column;gap:30px}
 .about-evolved.about-scroll-ready .founder-grid>*{width:100%}
 .about-evolved.about-scroll-ready .founder-chapter{padding:26px 22px}
 .about-evolved.about-scroll-ready .founder-chapter p{font-size:17px;line-height:1.8}
 .about-evolved.about-scroll-ready .founder-quote{padding:32px 25px}
 .about-evolved.about-scroll-ready .founder-quote blockquote{font-size:31px}
 .about-evolved.about-scroll-ready .dna-reading-flow{display:flex;flex-direction:column;gap:30px}
 .about-evolved.about-scroll-ready .dna-reading-flow>*{width:100%}
 .about-evolved.about-scroll-ready .principles-grid article{padding:27px 23px;min-height:0}
 .about-evolved.about-scroll-ready .principles-grid h3{font-size:34px;overflow-wrap:anywhere}
 .about-evolved.about-scroll-ready .material-scene{height:360px}
 .about-evolved.about-scroll-ready [data-about-reveal].about-waiting{transform:translateY(var(--reveal-distance))}
 .about-evolved.about-scroll-ready .about-scene-meter{display:none}
}
@media(prefers-reduced-motion:reduce){
 .about-evolved.about-scroll-ready [data-about-reveal],.about-evolved.about-scroll-ready [data-about-reveal].about-waiting{transform:none;transition:none}
 .about-evolved.about-scroll-ready .about-pin-ready{position:relative;top:auto}
 .about-scene-track>span{transition:none}
}
