/* Our Story editorial feature. All colors use the approved Advent Movement palette. */
.story-name-feature{background:var(--brand-grey-light);overflow:hidden}
.story-name-heading{text-align:center;margin:0 auto 64px}
.story-name-heading>.eyebrow{margin-bottom:30px}
.story-word-parts{display:flex;justify-content:center;align-items:center;gap:clamp(20px,4vw,55px);font-size:clamp(66px,10vw,136px);font-weight:800;line-height:1.05;letter-spacing:-.065em}
.story-word-parts .story-word-plus{font-size:.52em;font-weight:400;color:var(--brand-blue-dark);letter-spacing:0}
.story-name-meaning{font-size:clamp(1.5rem,3.6vw,2.8125rem);font-weight:550;line-height:1.4;letter-spacing:-.04em;margin-top:28px}
.story-definition-label{display:block;font-size:.875rem;font-weight:500;font-style:normal;letter-spacing:.02em;margin-bottom:12px}
.story-name-meaning em{font-style:italic}
.story-name-context{max-width:940px;margin-inline:auto}
.story-name-context h3{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.3;margin-bottom:28px;text-wrap:balance}
.story-name-context p{font-size:1rem;line-height:1.9}
.story-name-context .story-name-lead{font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:550;line-height:1.55;letter-spacing:-.025em;margin-top:14px;text-wrap:pretty}
.story-name-context .story-name-purpose{max-width:850px;margin-top:24px}
.story-name-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:44px;padding-top:32px;border-top:3px solid var(--brand-blue)}
.story-name-source{min-width:0;display:flex;flex-direction:column;align-items:start}
.story-name-source h4{font-size:1.125rem;line-height:1.5;margin-bottom:16px}
.story-name-source>p{font-size:1rem;line-height:1.85;margin-bottom:24px}
.story-source-reference{display:grid;justify-items:start;gap:8px;margin-top:auto;font-size:.75rem;line-height:1.8}
.story-source-reference>.inline-link{font-size:.875rem;font-weight:600;line-height:1.75;overflow-wrap:anywhere}
.story-source-reference>.story-source-pdf{font-weight:500;margin-top:4px}
.story-calling-feature{background:var(--brand-green-dark);color:var(--brand-white)}
.story-calling-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.story-calling-heading .eyebrow{color:var(--brand-white);max-width:280px;margin-bottom:24px}
.story-calling-word{font-size:clamp(54px,6.5vw,88px);line-height:1.1;letter-spacing:-.075em;font-weight:800}
.story-calling-heading h2{font-size:clamp(31px,4vw,50px);line-height:1.25;color:var(--brand-white)}
.story-calling-heading h2>span{color:var(--brand-yellow-pale)}
.story-calling-copy{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:48px;padding-top:35px;border-top:1px solid var(--brand-green-light)}
.story-calling-copy p{font-size:1rem;line-height:1.9;margin:0}
.story-calling-sources{border-top:1px solid var(--brand-green-light);margin-top:32px;padding-top:24px}
.story-calling-sources>.eyebrow{color:var(--brand-white);font-size:.75rem}
.story-calling-sources>div{display:flex;flex-wrap:wrap;gap:12px 26px}
.story-calling-sources .inline-link{color:var(--brand-white);text-decoration-color:var(--brand-yellow-pale);font-size:.875rem}
@media(max-width:1000px){.story-name-sources{gap:40px}.story-calling-heading,.story-calling-copy{gap:36px}}
@media(max-width:760px){.story-name-heading{margin-bottom:42px}.story-name-sources,.story-calling-heading,.story-calling-copy{grid-template-columns:1fr;gap:32px}.story-name-context h3{margin-bottom:22px}.story-name-sources{margin-top:32px;padding-top:28px}.story-name-source+.story-name-source{padding-top:28px;border-top:1px solid var(--brand-grey-dark)}.story-calling-heading .eyebrow{max-width:none}.story-calling-heading h2{max-width:570px}.story-calling-copy{margin-top:32px;padding-top:28px;gap:20px}}
@media(max-width:420px){.story-word-parts{font-size:clamp(48px,15vw,62px);gap:18px}.story-calling-heading h2{font-size:32px}}

/* The purpose of the Outpost, with each reference connected to daily life. */
.story-purpose-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.story-purpose-intro h2{white-space:pre-line;font-size:clamp(32px,3.5vw,46px);line-height:1.25;text-wrap:balance}
.story-purpose-intro p{font-size:1rem;line-height:1.9}
.story-purpose-intro .story-purpose-lead{font-size:1.125rem;line-height:1.8;font-weight:550}
.story-purpose-quote{max-width:1020px;margin:48px auto;padding:8px 0 8px 30px;border-left:3px solid var(--brand-blue)}
.story-purpose-quote blockquote{margin:0}
.story-purpose-quote blockquote p{font-size:clamp(1.375rem,2.7vw,2rem);line-height:1.65;font-weight:550;letter-spacing:-.03em;color:var(--brand-green-dark)}
.story-purpose-quote figcaption{margin-top:18px;font-size:.875rem;line-height:1.75}
.story-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.story-purpose-grid>article{display:flex;flex-direction:column;align-items:start;border-top:2px solid var(--brand-green);padding-top:24px;min-width:0}
.story-purpose-grid h3{font-size:1.25rem;line-height:1.5;letter-spacing:-.025em;margin-bottom:18px}
.story-purpose-grid p{font-size:.9375rem;line-height:1.9;margin-bottom:26px}
.story-purpose-links{list-style:none;padding:0;margin:0;margin-top:auto;display:grid;gap:18px;font-size:.875rem;line-height:1.8}
.story-purpose-links .inline-link{overflow-wrap:anywhere}
.story-purpose-context{display:block;font-size:.75rem;line-height:1.8;margin-top:5px;color:var(--muted)}
@media(max-width:1000px){.story-purpose-intro{gap:36px}.story-purpose-grid{gap:26px}}
@media(max-width:760px){.story-purpose-intro,.story-purpose-grid{grid-template-columns:1fr;gap:30px}.story-purpose-intro h2{font-size:34px}.story-purpose-intro .story-purpose-lead{font-size:1.0625rem}.story-purpose-quote{margin:36px 0;padding-left:22px}.story-purpose-grid>article{padding-top:22px}.story-purpose-grid p{margin-bottom:20px}}