/* Dedicated story and lending layouts; imagery is exclusive to each page. */
.story-opening { padding-block: 70px 45px; max-width: 1160px; }
.story-opening h1 { font-size: clamp(40px,4.8vw,70px); margin: 24px 0 32px; }
.story-opening h1 em { color: #8a6a25; }
.story-lead { display: flex; justify-content: space-between; gap: 35px; }
.story-lead>p:first-child { color: var(--navy); font-size: 18px; }
.story-lead>p:last-child { font-size: 14px; }
.story-landscape { margin-left: 12%; }
.story-landscape img { height: clamp(300px,37vw,530px); object-position: center 55%; }
.story-practice { display: grid; grid-template-columns: 1fr 2fr; gap: 70px; padding-block: 85px; max-width: 1160px; }
.story-practice .large-paragraph { font: 36px/1.35 Georgia,serif; letter-spacing: -.025em; margin-bottom: 28px; }
.story-practice .text-columns { display: block; max-width: 680px; }
.story-practice .text-columns p { margin-bottom: 18px; }
.story-values { display: grid; grid-template-columns: 1fr 2fr; gap: 70px; padding-bottom: 85px; max-width: 1160px; }
.story-values h2 { font-size: 40px; margin-top: 18px; }
.story-values .belief-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.story-values h3 { font: 27px/1.2 Georgia,serif; margin-bottom: 18px; }
.story-values article p { font-size: 14px; }
.story-relationship { background: var(--navy); color: white; padding-block: 65px; }
.story-relationship .frame { max-width: 900px; }
.story-relationship h2 { font-size: 45px; margin: 22px 0; }
.story-relationship p:not(.kicker) { max-width: 580px; color: #d2d9e3; margin-bottom: 25px; }
.lending-opening { padding-block: 75px 80px; background: linear-gradient(90deg,#0a1e3df5 0%,#0a1e3dda 38%,#0a1e3d28 85%),url('assets/images/custom/loan-neighborhood-v6.webp') center/cover; color: white; }
.lending-opening .frame { max-width: 1160px; }
.lending-opening h1 { font-size: clamp(42px,4.8vw,70px); margin: 25px 0; }
.lending-opening h1 em { color: #e5c775; }
.lending-opening p:not(.kicker) { color: #e0e5ed; font-size: 16px; }
.lending-directory { max-width: 1160px; padding-top: 40px; }
.lending-directory .catalog-toolbar { margin-bottom: 30px; }
.lending-directory .catalog-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 25px; align-items: start; }
.lending-directory .loan-entry,.lending-directory .loan-entry:nth-child(even) { display: block; padding: 35px; margin: 0; background: var(--warm); border-radius: 0; }
.lending-directory .loan-entry:nth-child(2) { margin-top: 60px; }
.lending-directory .loan-entry:nth-child(3) { background: #e8edf2; }
.lending-directory .loan-entry:nth-child(4) { background: #eee5d2; }
.lending-directory .loan-title h2 { font: 34px/1.2 Georgia,serif; }
.loan-directory-copy>p:not(.kicker) { font-size: 14px; margin: 20px 0; }
.lending-directory .program-facts ul { columns: 1; font-size: 14px; }
.lending-directory .program-facts summary { font-size: 12px; }
.lending-guidance { max-width: 1160px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 80px; padding-block: 70px; }
.lending-guidance>.kicker { grid-column: 1/-1; }
.lending-guidance h2 { font-size: 40px; }
.lending-guidance>div p { margin-bottom: 25px; }
@media(max-width:750px) {
 .story-opening { padding-top: 40px; }.story-lead { display: block; }.story-lead p { margin-top: 15px; }
 .story-landscape { margin-left: 6%; }.story-landscape img { height: 300px; }
 .story-practice,.story-values { grid-template-columns: 1fr; gap: 25px; padding-block: 45px; }.story-practice .large-paragraph { font-size: 29px; }
 .story-values .belief-list { grid-template-columns: 1fr; gap: 25px; }.story-values h3 { margin-bottom: 10px; }
 .story-relationship h2 { font-size: 36px; }.lending-opening { padding-block: 45px; }.lending-opening p:not(.kicker) { font-size: 14px; }
 .lending-directory .catalog-grid { grid-template-columns: 1fr; }.lending-directory .loan-entry,.lending-directory .loan-entry:nth-child(even) { padding: 27px; margin: 0; }
 .lending-directory .loan-title h2 { font-size: 30px; }.lending-guidance { grid-template-columns: 1fr; gap: 22px; padding-block: 45px; }.lending-guidance h2 { font-size: 34px; }
}

/* Revised compositions: an integrated story opening and a loan reading desk. */
body[data-page=about] main { background: #f5f2ec; }
.story-opening { position: relative; z-index: 1; min-height: 530px; padding: 85px 48% 70px 0; }
.story-opening h1 { font-size: clamp(40px,4.3vw,62px); }
.story-opening h1 br { display: none; }
.story-lead { display: block; }.story-lead p { margin-top: 20px; }
.story-landscape { position: absolute; top: 155px; right: 0; width: 43%; margin: 0; }
.story-landscape img { height: 450px; }
.story-practice { background: white; width: 100%; max-width: none; padding: 70px max(48px,calc((100% - 1160px)/2)); grid-template-columns: .65fr 2fr; gap: 50px; }
.story-practice .large-paragraph { max-width: 740px; font-size: 35px; }
.story-values { padding-block: 70px; grid-template-columns: .65fr 2fr; gap: 50px; }
.story-values .belief-list { display: block; }.story-values article { display: grid; grid-template-columns: 180px 1fr; gap: 25px; margin-bottom: 35px; }
.story-values h3 { color: #806321; }.story-values article p { max-width: 440px; }
.story-relationship .frame { display: grid; grid-template-columns: 1.2fr 1fr; gap: 20px 60px; max-width: 1160px; }.story-relationship .kicker { grid-column: 1/-1; }.story-relationship h2 { margin: 0; grid-row: 2/4; }.story-relationship .action { justify-self: start; }
.lending-opening { padding-block: 65px 100px; }
.lending-directory { position: relative; display: grid; grid-template-columns: .85fr 1.65fr; gap: 65px; padding: 40px 45px; margin-top: -35px; background: #faf8f3; }
.loan-navigation { display: flex; flex-direction: column; gap: 12px; align-self: start; padding-block: 20px; }
.loan-navigation a { padding: 18px 20px; color: #657083; font-size: 20px; line-height: 1.3; transition: background .2s,color .2s; }
.loan-navigation a[aria-current] { background: var(--navy); color: #ead087; }
.lending-directory .catalog-grid { display: block; min-height: 380px; }
.lending-directory .loan-entry,.lending-directory .loan-entry:nth-child(even),.lending-directory .loan-entry:nth-child(3),.lending-directory .loan-entry:nth-child(4) { background: transparent; margin: 0; padding: 20px 0; }
.lending-directory .loan-title h2 { font-size: 44px; max-width: 450px; }
.lending-directory .loan-category { color: #806321; }
.lending-directory .program-note { grid-column: 1/-1; margin: 0; max-width: 740px; }
.lending-directory .program-facts summary { padding-top: 20px; }
@media(max-width:800px) {
 .story-opening { min-height: 0; padding: 45px 0 30px; }.story-opening h1 { max-width: 520px; }.story-landscape { position: static; width: 94%; margin-left: 6%; }.story-landscape img { height: 320px; }
 .story-practice { padding: 45px 24px; grid-template-columns: 1fr; gap: 20px; }.story-practice .large-paragraph { font-size: 29px; }
 .story-values { grid-template-columns: 1fr; gap: 30px; padding-block: 45px; }.story-values article { grid-template-columns: 1fr; gap: 0; margin-bottom: 25px; }
 .story-relationship .frame { display: block; }.story-relationship h2 { margin-bottom: 25px; }
 .lending-directory { grid-template-columns: 1fr; gap: 20px; padding: 25px; }.loan-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; }.loan-navigation a { padding: 12px; font-size: 14px; background: #eeeae1; }
 .lending-directory .loan-title h2 { font-size: 35px; }.lending-directory .catalog-grid { min-height: 0; }
}