.page--story main{background:#050607;color:var(--paper)}
.story-person{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,5rem) var(--pad-x);border-bottom:1px solid var(--hairline);align-items:start}
.story-person figure{margin:0;position:sticky;top:130px}.story-person img{display:block;width:100%;height:auto;object-fit:contain}.story-bio{min-width:0}.story-bio h2{font:500 clamp(2.3rem,4vw,4rem)/1.06 var(--serif);margin:1rem 0 2rem;letter-spacing:-.025em;text-wrap:balance}.story-bio .support-prose{padding:0}
.page--story .support-hero .k-crumbs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.story-teens{max-width:1100px}.story-teens>ul{padding:0;list-style:none;margin:1.5rem 0 3rem}.story-teens>ul>li{padding:1rem 0;border-top:1px solid var(--hairline)}.story-teens>ul>li:last-child{border-bottom:1px solid var(--hairline)}.story-teens h4{font:500 clamp(2rem,3vw,3rem)/1.1 var(--serif);color:var(--paper)}
.story-about{max-width:none;padding:0}.story-about .syr-about-page__container{padding:0 var(--pad-x)}.story-about .syr-about-page__hero,.story-about .syr-about-page__section,.story-about .syr-about-page__trust,.story-about .syr-about-page__cta-section{padding:clamp(2.5rem,5vw,5rem) 0;border-bottom:1px solid var(--hairline)}.story-about .syr-about-page__title{max-width:35ch;font-size:clamp(2rem,4vw,4rem)}.story-about .syr-about-page__lead,.story-about .syr-about-page__body{max-width:72ch}.story-about .syr-about-page__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;padding:2rem 0}.story-about .syr-card{min-width:0}.story-about .syr-about-page__label,.story-about .syr-about-page__eyebrow,.story-about .syr-card__label{font:400 .75rem/1.6 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--soft)}.story-about .syr-card__title{margin-top:1rem}.story-about a{min-height:48px;display:inline-flex;align-items:center;color:var(--paper);text-decoration:none;border-bottom:1px solid var(--paper)}
.page--story :is(a,button):focus-visible{outline:2px solid var(--paper);outline-offset:5px}
@media(max-width:760px){.story-person{grid-template-columns:1fr}.story-person figure{position:static;max-width:100%}.story-about .syr-about-page__cards{grid-template-columns:1fr;gap:2rem}.story-bio h2{font-size:clamp(2rem,9vw,3.2rem)}.story-bio .k-eyeline{line-height:1.7}.page--story .support-hero h1{overflow-wrap:anywhere}.page--story .support-book .k-cta{max-width:100%;white-space:normal}.story-teens{padding-block:2rem}}
