/* About-only editorial composition. No shared Home components are changed. */
.sofl-public-about { --story-ink:#10253d; --story-muted:#5a6878; --story-gold:#a57826; --story-cream:var(--public-section-background, #faf8f4); color:var(--story-ink); }
.sofl-public-about main { background:#fff; }
.sofl-public-about main p { line-height:1.8; }
.story-hero { background:var(--story-cream); padding:28px 0 58px; }
.story-breadcrumb { display:flex; gap:12px; flex-wrap:wrap; font-size:12px; color:var(--story-muted); margin-bottom:32px; }
.story-breadcrumb a { color:var(--story-ink); }
.story-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:42px; align-items:center; }
.story-hero-copy { padding-block:16px; }
.sofl-public-about .story-hero h1 { margin:23px 0; }
.story-hero-copy > p { color:#516070; font-size:17px; margin-bottom:28px; }
.story-hero-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; }
.sofl-public-about .story-text-link { display:inline-flex; gap:15px; align-items:center; color:var(--story-ink); font-size:13px; font-weight:600; padding-block:12px; text-decoration:underline; text-underline-offset:5px; }
.story-hero-visual { position:relative; min-width:0; margin:0; padding-bottom:36px; }
.story-hero-visual > img { display:block; width:100%; height:420px; object-fit:cover; object-position:75% center; border-radius:110px 12px 12px 12px; }
.story-hero-visual figcaption { position:absolute; right:-1px; bottom:0; left:38px; display:flex; align-items:center; gap:18px; background:#10253d; color:#fff; padding:23px 28px; border-radius:6px; }
.story-caption-mark { font-family: var(--public-font-heading); color:#e6c781; font-size:66px; line-height:.7; align-self:start; padding-top:12px; }
.story-hero-visual figcaption p { font-size:17px; line-height:1.55; margin:0; }
.story-purpose { display:grid; grid-template-columns:.65fr 2fr; gap:48px; padding-block:76px; }
.story-section-label { display:flex; flex-direction:column; align-items:start; gap:32px; padding-top:8px; }
.story-margin-note { font-size:13px; line-height:1.8; color:var(--story-muted); }
.sofl-public-about .story-purpose h2,.sofl-public-about .story-section-heading h2,.sofl-public-about .story-people h2 { margin:0 0 25px; }
.story-prose-columns { display:grid; grid-template-columns:1fr 1.2fr; gap:30px; }
.story-prose-columns p { color:var(--story-muted); font-size:15px; margin:0; }
.story-mission { background:#10253d; color:#fff; }
.story-mission-grid { display:grid; grid-template-columns:1fr 1fr; padding-block:46px; gap:60px; }
.story-mission article + article { border-left:1px solid #ffffff26; padding-left:60px; }
.sofl-public-about .story-mission h2 { color:#fff; font-size:clamp(22px,2.2vw,30px); line-height:1.35; margin:19px 0 16px; }
.story-mission p { color:#c4ced9; font-size:15px; margin:0; max-width:45ch; }
.story-formats,.story-principles { padding-block:72px; }
.story-section-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:36px; }
.sofl-public-about .story-section-heading h2 { margin:17px 0 0; }
.story-section-heading > p { max-width:45ch; margin:0 0 5px; }
.story-formats-grid { display:grid; grid-template-columns:.9fr 1.4fr; gap:38px; align-items:stretch; }
.story-finlexicon { display:flex; flex-direction:column; justify-content:space-between; padding:30px; background:var(--story-cream); color:var(--story-ink); border:1px solid #e4d9bf; border-radius:14px; text-decoration:none; }
.story-format-top { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; font-weight:600; }
.story-format-top > i { color:#9a7124; font-size:22px; }
.story-finlexicon-type { display:flex; gap:25px; align-items:center; color:#b38c41; font:500 clamp(65px,7vw,104px)/1.3 var(--font-heading); letter-spacing:-.08em; padding-block:26px; }
.story-finlexicon-type > span { color:#c9ba9c; font-size:.6em; }
.sofl-public-about .story-finlexicon h3 { font-size:30px; margin-bottom:14px; }
.story-finlexicon p { color:#596573; font-size:15px; margin-bottom:24px; }
.story-format-cta { display:flex; align-items:center; justify-content:space-between; padding-top:18px; border-top:1px solid #d7cbb1; font-size:14px; font-weight:600; }
.story-format-list { display:grid; }
.story-format-row { display:flex; align-items:start; gap:18px; padding:22px 0; color:var(--story-ink); text-decoration:none; border-top:1px solid #e0e6eb; }
.story-format-row:last-child { border-bottom:1px solid #e0e6eb; }
.story-format-icon { display:grid; place-items:center; width:46px; height:46px; flex-shrink:0; border-radius:12px; background:#eaf2fb; color:#3d719c; font-size:21px; }
.story-format-row.green .story-format-icon { background:#e9f4ee; color:#38775d; }
.story-format-row.purple .story-format-icon { background:#f0ecf8; color:#7b62a7; }
.story-format-row.rose .story-format-icon { background:#fbefed; color:#ac6558; }
.story-format-label { display:block; color:var(--story-muted); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.07em; margin-bottom:4px; }
.sofl-public-about .story-format-row h3 { font-size:22px; margin:0 0 6px; }
.story-format-row p { font-size:14px; color:var(--story-muted); margin:0; max-width:48ch; }
.story-row-arrow { margin-left:auto; padding-left:5px; font-size:24px; }
.story-finlexicon:hover,.story-format-row:hover { color:var(--story-ink); }
.story-format-row:hover h3,.story-finlexicon:hover .story-format-cta { text-decoration:underline; text-underline-offset:4px; }
.story-people { background:#f4f6f7; padding-block:60px; }
.story-people-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:50px; align-items:center; }
.story-people figure { margin:0; }
.story-people figure img { display:block; width:100%; height:370px; object-fit:cover; object-position:center; border-radius:12px; }
.story-people figcaption { color:var(--story-muted); font-size:12px; margin-top:14px; }
.sofl-public-about .story-people h2 { margin:20px 0; }
.story-audiences { list-style:none; padding:0; margin:25px 0 0; }
.story-audiences li { padding:14px 0; border-top:1px solid #dbe2e7; }
.story-audiences span { display:block; font-size:15px; font-weight:600; }
.story-audiences small { display:block; font-size:13px; color:var(--story-muted); margin-top:5px; }
.story-principle-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.story-principle-grid article { border-top:1px solid #d7cbb1; padding-top:20px; }
.story-principle-number { font-size:12px; color:#916b29; }
.sofl-public-about .story-principle-grid h3 { font-size:24px; margin:26px 0 12px; }
.story-principle-grid p { font-size:14px; color:var(--story-muted); margin:0; }
.story-ending { background:var(--story-cream); border-top:1px solid #e9e1d1; padding-block:48px; }
.story-ending > .container { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.sofl-public-about .story-ending h2 { margin:18px 0 0; }
.story-ending-actions { display:flex; flex-direction:column; align-items:start; gap:5px; flex-shrink:0; }
@media(min-width:1500px) { .story-hero-grid { gap:65px; } }
@media(max-width:991px) { .story-hero-grid { gap:26px; } .story-hero-visual > img { height:390px; } .story-hero-visual figcaption { left:16px; padding:20px; } .story-hero-visual figcaption p { font-size:15px; } .story-purpose { grid-template-columns:.6fr 2fr; gap:28px; padding-block:52px; } .story-prose-columns { grid-template-columns:1fr; gap:16px; } .story-mission-grid { gap:30px; } .story-mission article+article { padding-left:30px; } .story-formats-grid { gap:24px; grid-template-columns:.85fr 1fr; } .story-finlexicon { padding:24px; } .story-people-grid { gap:30px; grid-template-columns:1fr 1fr; } .story-people figure img { height:390px; } .story-principle-grid { gap:20px; } }
@media(max-width:767px) { .story-hero { padding-block:22px 32px; } .story-breadcrumb { margin-bottom:22px; } .story-hero-grid { grid-template-columns:minmax(0,1fr); gap:24px; } .story-hero-copy { padding-block:0; } .sofl-public-about .story-hero h1 { margin-block:18px; } .story-hero-copy > p { font-size:16px; margin-bottom:20px; } .story-hero-visual > img { height:290px; border-top-left-radius:65px; } .story-hero-visual figcaption { left:25px; } .story-hero-visual figcaption p br { display:none; } .story-purpose { grid-template-columns:minmax(0,1fr); gap:22px; padding-block:40px; } .story-margin-note { display:none; } .story-prose-columns { gap:16px; } .story-mission-grid { grid-template-columns:minmax(0,1fr); padding-block:34px; gap:28px; } .story-mission article+article { padding:28px 0 0; border-left:0; border-top:1px solid #ffffff26; } .story-section-heading { display:block; margin-bottom:26px; } .story-section-heading > p { margin-top:20px; } .story-formats,.story-principles { padding-block:40px; } .story-formats-grid { grid-template-columns:minmax(0,1fr); gap:28px; } .story-finlexicon-type { padding-block:16px; } .story-people { padding-block:36px; } .story-people-grid { grid-template-columns:minmax(0,1fr); gap:28px; } .story-people figure img { height:auto; aspect-ratio:1.6; } .story-principle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; } .story-ending > .container { flex-direction:column; align-items:start; gap:26px; } .story-desktop-break { display:none; } .story-format-row { gap:14px; } .story-format-row p { font-size:14px; } }
@media(prefers-reduced-motion:reduce) { .sofl-public-about main * { scroll-behavior:auto; } }