@font-face{font-family:'Allura';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/allura.ttf') format('truetype')}
.story-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding-block:65px}.story-hero h1{font-family:var(--serif);font-size:clamp(2.8rem,5.2vw,5rem);line-height:1.05;max-width:780px;color:var(--ink)}.story-hero h1 em{font-style:normal;color:var(--pink);text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:4px;text-underline-offset:8px}.story-intro{font-size:1.05rem;margin-top:30px;max-width:440px}.story-hook{font-family:var(--accent);font-size:1.55rem;line-height:1.4;margin-top:22px;color:var(--raspberry)}.story-hero .button{margin-top:28px}.story-hero figure{max-width:375px;width:100%;justify-self:center}.story-hero img{width:100%;height:auto}.story-layout{display:grid;grid-template-columns:255px minmax(0,740px);gap:80px;justify-content:center;border-top:1px solid var(--line);padding-block:48px 80px}.story-index{align-self:start;position:sticky;top:28px}.story-index summary{font-family:var(--accent);font-size:1.25rem;color:var(--raspberry);cursor:pointer;padding-bottom:18px;border-bottom:1px solid var(--line)}.story-index nav{display:flex;flex-direction:column;margin:12px 0 0;gap:0}.story-index nav a{font-size:.84rem;line-height:1.45;padding:10px 0;text-decoration:none}.story-index nav a span{display:inline-block;color:var(--raspberry);font-family:var(--accent);margin-right:12px}.story-index nav a:hover{color:var(--raspberry);text-decoration:underline}.story-chapter{scroll-margin-top:35px;padding:12px 0 56px;margin-bottom:44px;border-bottom:1px solid var(--line)}.story-chapter:last-child{margin-bottom:0;border:0;padding-bottom:0}.story-chapter h2{font-size:clamp(2rem,3.1vw,2.85rem);margin-bottom:28px;max-width:700px}.story-chapter p:not(.eyebrow){font-size:1.06rem;line-height:1.85;margin-top:19px}.story-chapter .story-pull{font-family:var(--accent);font-size:1.85rem!important;color:var(--raspberry);line-height:1.35!important;border-left:4px solid var(--pink);padding:14px 0 14px 25px;margin-block:32px!important}.story-chapter:nth-child(4) .story-pull,.story-chapter:last-child .story-pull{background:var(--blush);padding:25px}.story-next{background:var(--raspberry);color:var(--white);padding-block:60px;text-align:center}.story-next h2,.story-next .eyebrow{color:var(--white)}.story-next p:not(.eyebrow){margin-top:20px}.story-next .button{margin-top:26px}.story-home-link{display:block;margin-top:20px;font-size:.88rem}.about-page .footer-top nav{display:flex}
@media(max-width:1050px){.story-layout{grid-template-columns:205px minmax(0,1fr);gap:40px}.story-hero{gap:35px}.story-hook{font-size:1.35rem}}
@media(max-width:800px){.story-hero{grid-template-columns:1fr;padding-block:38px;gap:30px}.story-hero h1{font-size:clamp(2.8rem,9vw,4rem)}.story-hero figure{max-width:290px}.story-layout{display:block;padding-block:25px 45px}.story-index{position:static;margin-bottom:40px}.story-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:0}.story-index nav a{font-size:.8rem}.story-chapter{padding-bottom:35px;margin-bottom:32px}.story-chapter p:not(.eyebrow){font-size:1rem;line-height:1.75}.story-chapter h2{font-size:2.2rem}.story-chapter .story-pull{font-size:1.55rem!important;padding-left:18px}.story-next{padding-block:45px}}
.about-essentials{padding-block:40px 48px;border-top:1px solid var(--line)}.about-essentials h2{font-size:clamp(2rem,3.4vw,3.1rem);max-width:900px}.essentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:30px}.essentials-grid>div{border-top:3px solid var(--pink);padding-top:20px}.essentials-grid>div:last-child{border-top-color:var(--raspberry)}.essentials-grid h3{font-family:var(--serif);font-size:1.5rem;line-height:1.25;margin-bottom:15px}.essentials-grid p{font-size:1rem;line-height:1.75}.essentials-grid .text-link{display:inline-block;margin-top:18px}.story-body strong{font-weight:700;color:var(--ink)}.story-chapter .chapter-opening{font-family:var(--accent);font-size:1.4rem!important;color:var(--raspberry);line-height:1.4!important;margin-bottom:22px}
@media(max-width:800px){.essentials-grid{grid-template-columns:1fr;gap:30px}.about-essentials{padding-block:28px 35px}.essentials-grid h3{font-size:1.4rem}}

.story-chapter .story-quote{margin:28px 0;padding:22px 28px;background:var(--blush);border-left:4px solid var(--pink)}.story-chapter .story-quote p{font-family:var(--accent);font-size:1.85rem;line-height:1.35;color:var(--raspberry);margin:0}

.story-signature{font-family:'Allura',cursive;font-style:normal;font-weight:400;font-size:3.75rem;line-height:1.2;color:var(--pink);margin:0 0 32px}.story-visuals-note{border-top:1px solid var(--line);padding-top:28px}.story-visuals-note h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2rem);line-height:1.25;margin:10px 0 20px}.story-visuals-note p:not(.eyebrow){font-size:1rem;line-height:1.75;margin:0 0 18px}

.story-visuals-note > .eyebrow{font-family:var(--serif);font-size:1.5rem;font-weight:400;line-height:1.25;letter-spacing:normal;text-transform:none}

.story-chapter .story-question{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.1rem);color:var(--raspberry);line-height:1.3;margin:30px 0 22px}.story-tools-list{list-style:disc;padding-left:24px;margin:24px 0}.story-tools-list li{font-size:1.05rem;line-height:1.75;padding-left:6px;margin:8px 0}.story-tools-list li::marker{color:var(--pink)}

/* Slightly smaller About body copy, with comfortable reading space. */
.about-page .story-intro,.about-page .essentials-grid p,.about-page .story-chapter p:not(.eyebrow):not(.story-pull),.about-page .story-tools-list li,.about-page .story-visuals-note p:not(.eyebrow){font-size:15px;line-height:1.75}
