/* About story. Scoped to keep other pages unchanged. */
.about-story-page .portrait-intro{padding-top:24px;padding-bottom:26px}
.about-story-page .portrait-copy{padding-block:10px}
.about-story-page .portrait-intro h1{font-size:clamp(30px,3.3vw,42px);line-height:1.17;letter-spacing:-1.4px;max-width:590px}
.about-story-page .lead{max-width:54ch;margin-bottom:14px}
.story-intro-note{max-width:52ch;color:var(--muted);line-height:1.8;margin:0 0 23px}
.story-start{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:30px;scroll-margin-top:25px}
.story-start h2 .section-symbol{display:flex;margin-bottom:13px}
.story-start p{line-height:1.8}.story-start>div:last-child p:first-child{margin-top:0}.story-start>div:last-child p:last-child{margin-bottom:0}
.story-section-intro{max-width:73ch;margin:0 0 20px;font-size:13px;line-height:1.8}
.milestone-list{display:grid;gap:8px}
.story-milestone{background:var(--inner);border:1px solid #273547;border-radius:8px;overflow:hidden}
.story-milestone>summary{display:grid;grid-template-columns:108px minmax(0,1fr) 18px;gap:18px;align-items:center;padding:17px 18px;cursor:pointer;list-style:none;min-height:56px}
.story-milestone>summary::-webkit-details-marker,.story-side-note>summary::-webkit-details-marker{display:none}
.milestone-year{font-family:monospace;font-size:12px;letter-spacing:.7px;color:var(--blue)}
.milestone-title{font-size:15px;line-height:1.5;color:var(--ink)}
.milestone-plus{font-size:21px;color:var(--purple);line-height:1}
.story-milestone[open]{border-color:#69518c}.story-milestone[open] .milestone-plus{transform:rotate(45deg)}
.milestone-body{padding:0 25px 18px 144px;max-width:900px}
.milestone-body .tag{font-size:12px;line-height:1.8;color:var(--purple);margin:0 0 10px}
.milestone-body>p:last-child{font-size:14px;line-height:1.85;margin:0}
.story-reflection{padding:16px 20px;margin-top:18px;border-left:2px solid var(--purple);background:#12101b;border-radius:0 8px 8px 0}.story-reflection p{max-width:83ch;margin:0;font-size:13px;line-height:1.85}
.learning-loop{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;margin:20px 0}
.learning-loop li{min-width:0;padding:13px 14px;border:1px solid #293a4e;border-radius:7px;background:var(--inner);font-size:13px;line-height:1.5;color:var(--ink)}
.learning-loop span{display:block;margin-bottom:5px;color:var(--green);font:10px monospace}
.learning-loop li:nth-child(2) span{color:var(--purple)}.learning-loop li:nth-child(4) span{color:var(--yellow)}
.story-method>p{max-width:88ch;line-height:1.85;font-size:14px;margin-bottom:22px}
.story-side-note{padding:0 16px;border:1px solid #2b3543;border-radius:7px;background:var(--inner);margin-top:9px}.story-side-note summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;font-size:13px;line-height:1.6;min-height:50px;padding:13px 0}.story-side-note summary span{color:var(--green);font-size:20px}.story-side-note[open] summary span{transform:rotate(45deg)}.story-side-note p{max-width:90ch;font-size:13px;line-height:1.85;margin:0 0 16px}
.story-focus{padding-top:17px;padding-bottom:20px}.story-focus h2{font-weight:500;font-size:23px;letter-spacing:-.6px}.story-focus .principle-columns{margin-top:20px}.story-focus .principle-columns>div:nth-child(2)>span{color:var(--purple)}.story-focus .principle-columns>div:nth-child(3)>span{color:var(--green)}.story-focus .text-link{font-size:11px}.story-direction{max-width:94ch;font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.85}
.about-story-page .story-next p{max-width:68ch;line-height:1.85}.about-story-page .personal-section p{line-height:1.85}
@media(max-width:760px){.about-story-page .portrait-intro h1{font-size:30px;letter-spacing:-1.05px}.about-story-page .portrait-intro{padding-top:23px;padding-bottom:18px}.story-intro-note{font-size:14px}.about-story-page .hero-actions{gap:16px;flex-wrap:wrap}.about-story-page .button{max-width:100%}.story-start{grid-template-columns:1fr;gap:14px}.story-start h2 .section-symbol{display:inline-flex;margin-bottom:0}.story-start h2 br{display:none}.story-timeline>.quiet-heading{align-items:flex-start!important}.story-timeline>.quiet-heading>span{font-size:12px;letter-spacing:1.2px}.story-milestone>summary{grid-template-columns:minmax(0,1fr) 18px;gap:7px 12px;padding:14px}.milestone-year{grid-column:1}.milestone-title{grid-column:1;font-size:14px}.milestone-plus{grid-column:2;grid-row:1/span 2;justify-self:center}.milestone-body{padding:0 14px 16px}.milestone-body>p:last-child{font-size:14px}.learning-loop{grid-template-columns:1fr;gap:7px;margin:16px 0}.learning-loop li{display:flex;gap:15px;align-items:center;padding:10px 13px}.learning-loop span{margin:0;min-width:18px}.story-reflection{padding:14px 16px}.story-focus h2{font-size:21px}.story-focus .principle-columns{gap:10px}.story-side-note{padding:0 13px}.story-side-note summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.about-story-page *{scroll-behavior:auto}}