.bio-hero-layout { display:grid; grid-template-columns:1.8fr 1fr; gap:70px; align-items:center; }
.bio-hero-portrait { margin:0; justify-self:center; }
.bio-hero-portrait img { display:block; height:285px; width:auto; border:9px solid #fff9ed; transform:rotate(3deg); box-shadow:0 10px 30px #0003; }
.bio-hero-portrait figcaption { font-size:.7rem; color:#d4dfcc; text-align:center; margin-top:20px; }
.bio-page .presentation-hero { padding-bottom:45px; }
.bio-intro { display:grid; grid-template-columns:1fr 1.25fr; gap:70px; padding-top:50px; padding-bottom:45px; border-bottom:1px solid #dedbce; align-items:center; }
.bio-intro .eyebrow { color:#a65b31; }
.bio-page .bio-intro h2 { font-size:2.1rem; margin:0; }
.bio-intro>p { font-size:.98rem; color:#536a59; margin:0; }
.bio-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:80px; padding-top:50px; padding-bottom:45px; align-items:start; }
.bio-sidebar { position:sticky; top:130px; }
.bio-sidebar nav { border-top:3px solid #cd602c; padding-top:20px; }
.bio-sidebar .eyebrow { color:#7d725c; }
.bio-sidebar a { display:flex; gap:15px; padding:14px 0; border-bottom:1px solid #dfdccf; color:#a3522e; font-size:.75rem; }
.bio-sidebar a span { color:#23533c; font-size:.85rem; }
.bio-sidebar figure { margin:30px 0 0; padding:18px; background:#edeadd; text-align:center; }
.bio-sidebar figure img { max-height:200px; width:auto; border:6px solid #fffdf4; }
.bio-sidebar figcaption { font-size:.72rem; margin-top:12px; color:#5d6d5d; }
.bio-chapter { scroll-margin-top:130px; margin-bottom:45px; }
.bio-page .bio-chapter h2 { font-size:2.15rem; margin-bottom:35px; }
.bio-timeline { list-style:none; margin:0; padding:0; }
.bio-timeline li { display:grid; grid-template-columns:125px 1fr; gap:20px; }
.bio-year { font:400 1.3rem Georgia,serif; color:#1b6441; padding-bottom:28px; }
.bio-timeline li>div { border-left:1px solid #d8d6c7; padding:0 0 28px 25px; position:relative; }
.bio-timeline li>div::before { content:''; position:absolute; left:-5px; top:8px; width:9px; height:9px; background:#c36032; border:2px solid #f8f6ef; border-radius:50%; }
.bio-timeline p { margin:0; color:#506656; font-size:.9rem; line-height:1.8; }
.bio-timeline li:last-child>div { padding-bottom:0; }
.bio-legacy { background:#073e30; padding:55px 0; text-align:center; color:#dce7d6; }
.bio-legacy .orange-rule { margin:0 auto 22px; }
.bio-legacy .eyebrow { color:#e4b17a; }
.bio-page .bio-legacy h2 { color:#fff8e7; font-size:2.7rem; margin-bottom:25px; }
.bio-legacy h2 span { color:#dad68e; }
.bio-legacy p:not(.eyebrow) { max-width:760px; margin:0 auto; font-size:1rem; line-height:1.9; }
.legacy-values { display:flex; flex-wrap:wrap; justify-content:center; gap:14px 30px; margin-top:30px; }
.legacy-values span { color:#e8d1a6; text-transform:uppercase; letter-spacing:.15em; font-size:.7rem; }
.bio-memory { display:grid; grid-template-columns:1fr 1.6fr; gap:70px; padding-top:55px; padding-bottom:55px; align-items:center; }
.bio-memory figure { margin:0; text-align:center; background:#eae7da; padding:22px; }
.bio-memory img { max-height:210px; width:auto; border:7px solid white; }
.bio-memory figcaption { color:#5f6e60; font-size:.72rem; margin-top:15px; }
.bio-memory .eyebrow { color:#9b542f; }
.bio-page .bio-memory h2 { font-size:2.1rem; }
.bio-memory p:not(.eyebrow) { color:#536a59; font-size:.9rem; margin:20px 0 25px; }
.bio-memory .btn span { margin-left:20px; }
@media(max-width:991px) { .bio-hero-layout { gap:30px; } .bio-hero-portrait img { height:245px; } .bio-intro { gap:35px; } .bio-layout { grid-template-columns:185px minmax(0,1fr); gap:35px; } .bio-timeline li { grid-template-columns:95px 1fr; gap:10px; } .bio-memory { gap:35px; } }
@media(max-width:767px) { .bio-hero-layout { grid-template-columns:1fr; gap:30px; } .bio-hero-portrait img { height:260px; } .bio-intro { grid-template-columns:1fr; gap:20px; padding-top:35px; padding-bottom:35px; } .bio-layout { grid-template-columns:1fr; gap:35px; padding-top:35px; } .bio-sidebar { position:static; } .bio-sidebar figure { display:none; } .bio-sidebar nav { display:flex; flex-wrap:wrap; gap:0 22px; } .bio-sidebar .eyebrow { width:100%; } .bio-chapter { scroll-margin-top:110px; } .bio-memory { grid-template-columns:1fr; } .bio-memory figure { max-width:350px; justify-self:center; } .bio-page .bio-legacy h2 { font-size:2.1rem; } }
@media(max-width:575px) { .bio-timeline li { grid-template-columns:78px 1fr; gap:10px; } .bio-year { font-size:1.1rem; overflow-wrap:anywhere; } .bio-timeline li>div { padding-left:18px; } .bio-page .bio-chapter h2,.bio-page .bio-intro h2,.bio-page .bio-memory h2 { font-size:1.85rem; } .bio-timeline p { font-size:.85rem; } .bio-legacy { padding:40px 0; } .bio-legacy p:not(.eyebrow) { font-size:.9rem; } .bio-memory { padding-top:40px; padding-bottom:40px; } }
.bio-gallery { padding-top:0; padding-bottom:55px; }
.bio-gallery>.eyebrow { color:#a65b31; }
.bio-page .bio-gallery h2 { font-size:2.3rem; }
.bio-gallery-intro { font-size:.9rem; color:#576b5b; margin-bottom:30px; }
.bio-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.bio-gallery-grid figure { margin:0; background:#fffdf7; border:1px solid #e2ddce; border-radius:5px; overflow:hidden; }
.bio-gallery-grid a { display:flex; align-items:center; justify-content:center; height:265px; padding:22px; background:#eae7db; }
.bio-gallery-grid img { max-height:100%; width:auto; max-width:100%; border:6px solid #fffdf7; box-shadow:0 3px 12px #173d3515; }
.bio-gallery-grid figcaption { padding:20px; }
.bio-gallery-grid strong { display:block; font:400 1.35rem Georgia,serif; color:#124831; }
.bio-gallery-grid figcaption span { display:block; font-size:.75rem; color:#64705e; margin-top:8px; }
.bio-memory { grid-template-columns:1fr; }
.bio-memory>div { max-width:760px; }
@media(max-width:767px) { .bio-gallery-grid { grid-template-columns:1fr; gap:20px; } .bio-gallery-grid a { height:255px; } .bio-page .bio-gallery h2 { font-size:1.9rem; } }