/* Dale Ritter — companion editorial chapter, based on the Our Family palette. */
.dale-page { background:var(--paper); color:var(--charcoal); }
.dale-page .site-header { color:var(--white); background:rgba(41,42,40,.97); mix-blend-mode:normal; }
.dale-page .site-header a, .dale-page .site-header button { color:var(--white); }
.dale-page .header-nav > a[aria-current="page"] { color:var(--blush); border-bottom:1px solid var(--blush); padding-bottom:5px; }
.dale-page .chapter-menu { z-index:48; }
.dale-page .chapter-menu-inner { max-height:86vh; overflow:auto; }
.dale-page .chapter-menu-inner a { color:var(--charcoal); }
.dale-page .chapter-menu-inner a:hover { color:var(--clay); }
.d-kicker { margin:0 0 22px; font:800 10px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.18em; color:var(--clay); }
.d-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); min-height:min(920px,100vh); padding-top:72px; background:var(--charcoal); color:var(--white); }
.d-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(58px,8vw,150px) clamp(30px,6vw,105px) clamp(60px,7vw,110px) max(34px,calc((100vw - 1420px)/2)); position:relative; z-index:2; }
.d-hero .d-kicker { color:var(--blush); }
.d-hero h1 { margin:0; font:900 clamp(88px,13vw,216px)/.77 var(--condensed); text-transform:uppercase; letter-spacing:-.075em; color:var(--blush); }
.d-hero h1 i { font-size:.31em; letter-spacing:-.04em; color:var(--white); font-style:normal; vertical-align:middle; }
.d-hero-label { margin:45px 0 24px; font:900 clamp(35px,5vw,76px)/.95 var(--condensed); text-transform:uppercase; letter-spacing:-.04em; }
.d-hero-label em { color:var(--blush); font-style:normal; }
.d-hero-copy > p:not(.d-hero-label):not(.d-kicker) { margin:0 0 30px; max-width:510px; font:19px/1.65 var(--serif); color:rgba(252,250,246,.82); }
.d-link { display:inline-flex; align-items:center; gap:34px; color:var(--white); border-bottom:1px solid var(--blush); padding-bottom:12px; font:800 12px/1 var(--sans); text-transform:uppercase; letter-spacing:.1em; text-decoration:none; }
.d-hero-portrait { margin:0; background:var(--sage); position:relative; display:flex; align-items:center; justify-content:center; min-height:680px; padding:65px 40px; isolation:isolate; overflow:hidden; }
.d-hero-portrait > div { position:relative; z-index:2; width:min(330px,70%); background:var(--paper); padding:28px 27px 20px; box-shadow:26px 32px 0 rgba(41,42,40,.11); transform:rotate(-3deg); }
.d-hero-portrait img { display:block; margin:0 auto; max-height:350px; width:auto; object-fit:contain; image-rendering:auto; }
.d-hero-portrait figcaption { color:var(--charcoal); margin-top:16px; text-align:center; font:800 10px/1.4 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.d-hero-portrait > span { position:absolute; bottom:-14%; right:-9%; font:900 min(75vw,840px)/.8 var(--condensed); color:rgba(252,250,246,.22); z-index:1; }
.d-section { width:var(--page); margin:0 auto; padding:clamp(90px,11vw,160px) 0; scroll-margin-top:68px; }
.d-heading { display:grid; grid-template-columns:.3fr 1fr; gap:6vw; align-items:start; margin:0 0 clamp(40px,5vw,76px); }
.d-heading > span { font:900 12px/1.5 var(--sans); letter-spacing:.11em; color:var(--clay); padding-top:13px; border-top:1px solid var(--line); text-transform:uppercase; }
.d-heading h2 { margin:0; font:900 clamp(62px,9vw,145px)/.84 var(--condensed); letter-spacing:-.06em; text-transform:uppercase; color:var(--charcoal); }
.d-heading h2 em { font-style:normal; color:var(--clay); }
.d-columns { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(32px,6vw,100px); align-items:start; }
.d-prose { max-width:780px; }
.d-prose p { margin:0 0 23px; font:19px/1.72 var(--serif); }
.d-prose strong { font-weight:700; }
.d-prose .d-lede { font:clamp(23px,2.45vw,34px)/1.47 var(--serif); color:var(--charcoal); margin:0 0 29px; }
.d-stats { display:grid; border-top:1px solid var(--line); }
.d-stats > div { padding:22px 0 24px; border-bottom:1px solid var(--line); display:grid; gap:8px; }
.d-stats small, .d-timeline small { font:800 10px/1.2 var(--sans); letter-spacing:.13em; text-transform:uppercase; color:var(--clay); }
.d-stats strong { font:900 clamp(28px,4vw,54px)/.94 var(--condensed); text-transform:uppercase; color:var(--charcoal); }
.d-stats span { font:15px/1.4 var(--serif); color:var(--graphite); }
.d-section.d-sage, .d-section.d-dark, .d-section.d-marriage, .d-section.d-mack { width:100%; padding-left:max(34px,calc((100vw - 1420px)/2)); padding-right:max(34px,calc((100vw - 1420px)/2)); }
.d-sage { background:var(--sage); }
.d-timeline { border-left:1px solid var(--clay); padding-left:34px; display:grid; gap:0; }
.d-timeline > div { position:relative; padding:0 0 37px; display:grid; gap:7px; }
.d-timeline > div:before { content:""; position:absolute; left:-40px; top:5px; background:var(--clay); width:11px; height:11px; border-radius:50%; }
.d-timeline strong { font:900 clamp(24px,3vw,43px)/1 var(--condensed); text-transform:uppercase; }
.d-timeline span { font:15px/1.5 var(--serif); }
.d-doc-pair { margin-top:54px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.d-doc-pair article { background:var(--paper); display:grid; grid-template-columns:.85fr 1fr; min-height:275px; }
.d-doc-pair article > button { position:relative; border:0; padding:20px; cursor:zoom-in; background:rgba(41,42,40,.05); width:100%; }
.d-doc-pair img { width:100%; height:100%; max-height:265px; object-fit:contain; }
.d-doc-pair button span { display:block; position:absolute; bottom:10px; left:8px; right:8px; text-align:center; background:rgba(252,250,246,.94); color:var(--charcoal); font:800 9px/1.3 var(--sans); padding:9px; text-transform:uppercase; }
.d-doc-pair article > div { padding:28px 26px; }
.d-doc-pair small { font:800 9px/1.4 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:var(--clay); }
.d-doc-pair h3 { font:900 clamp(25px,3.3vw,50px)/.94 var(--condensed); text-transform:uppercase; margin:20px 0 15px; color:var(--charcoal); }
.d-doc-pair p { font:15px/1.55 var(--serif); }
.d-wide { max-width:900px; margin-left:auto; }
.d-pedigree { margin:60px 0; padding:clamp(20px,4vw,52px); background:var(--bone); }
.d-pedigree figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; border-bottom:1px solid var(--line); margin-bottom:28px; padding-bottom:17px; font:800 10px/1.5 var(--sans); letter-spacing:.12em; text-transform:uppercase; }
.d-pedigree figcaption span:last-child { color:var(--clay); }
.d-ped-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.d-ped-row > div, .d-ped-dale, .d-ped-marriage { background:var(--paper); border:1px solid var(--line); text-align:center; padding:clamp(20px,3vw,35px) 18px; display:grid; gap:10px; justify-items:center; }
.d-pedigree small { color:var(--clay); font:800 10px/1.5 var(--sans); letter-spacing:.11em; text-transform:uppercase; }
.d-pedigree strong { color:var(--charcoal); font:900 clamp(26px,3vw,49px)/.95 var(--condensed); text-transform:uppercase; }
.d-pedigree strong i { font-style:normal; color:var(--clay); }
.d-pedigree span { font:15px/1.4 var(--serif); }
.d-ped-arrow { padding:12px; text-align:center; color:var(--clay); font:32px/1 var(--sans); }
.d-ped-dale, .d-ped-marriage { max-width:650px; margin:auto; }
.d-ped-dale { background:var(--charcoal); }
.d-ped-dale strong { font-size:clamp(45px,6vw,83px); color:var(--white); }
.d-ped-dale small, .d-ped-dale span { color:var(--blush); }
.d-ped-marriage { background:rgba(224,163,154,.15); }
.d-early { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin:56px 0; }
.d-early article { padding:20px 0; border-top:1px solid var(--line); }
.d-early small { color:var(--clay); font:800 10px/1.4 var(--sans); letter-spacing:.1em; }
.d-early strong { display:block; font:900 clamp(30px,3vw,47px)/.96 var(--condensed); text-transform:uppercase; margin:12px 0 18px; }
.d-early p { font:16px/1.55 var(--serif); max-width:370px; }
.d-ledger { display:grid; grid-template-columns:1.15fr .85fr; background:var(--charcoal); color:var(--white); }
.d-ledger > button { border:0; padding:25px; background:rgba(255,255,255,.05); cursor:zoom-in; }
.d-ledger img { max-height:450px; width:100%; object-fit:contain; }
.d-ledger > div { padding:clamp(32px,5vw,70px); align-self:center; }
.d-ledger h3 { font:900 clamp(43px,5vw,74px)/.9 var(--condensed); text-transform:uppercase; margin:0 0 24px; }
.d-ledger p:not(.d-kicker) { font:17px/1.65 var(--serif); color:rgba(255,255,255,.78); }
.d-ledger div button { border:0; border-bottom:1px solid var(--blush); padding:12px 0; background:transparent; color:var(--white); font:800 11px/1.4 var(--sans); cursor:zoom-in; text-transform:uppercase; letter-spacing:.1em; }
.d-dark { color:var(--white); background:var(--charcoal); }
.d-dark .d-heading h2 { color:var(--white); }
.d-dark .d-heading h2 em { color:var(--blush); }
.d-dark .d-prose .d-lede { color:var(--white); }
.d-dark .d-prose p { color:rgba(255,255,255,.84); }
.d-service { margin:0; }
.d-service button { border:0; padding:15px; background:var(--bone); width:100%; cursor:zoom-in; }
.d-service img { width:100%; max-height:460px; object-fit:contain; }
.d-service figcaption { margin-top:12px; color:var(--blush); font:800 10px/1.4 var(--sans); letter-spacing:.08em; text-transform:uppercase; }
.d-marriage { background:var(--blush); }
.d-marriage .d-heading h2 em { color:var(--charcoal); opacity:.6; }
.d-story-link { display:inline-flex; margin-top:8px; padding:12px 0; border-bottom:1px solid var(--clay); text-transform:uppercase; text-decoration:none; font:800 11px/1.5 var(--sans); letter-spacing:.11em; }
.d-marriage-art { margin:0; }
.d-marriage-art button { width:100%; border:0; background:rgba(255,255,255,.5); padding:18px; cursor:zoom-in; }
.d-marriage-art img { max-height:400px; width:100%; object-fit:contain; }
.d-marriage-art figcaption { padding-top:12px; font:800 10px/1.3 var(--sans); text-transform:uppercase; letter-spacing:.1em; }
.d-mack { background:var(--bone); }
.d-big-stat { align-self:center; padding:20px 0 34px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.d-big-stat strong { display:block; font:900 clamp(140px,20vw,305px)/.8 var(--condensed); letter-spacing:-.07em; color:var(--clay); }
.d-big-stat span { font:900 clamp(30px,3vw,50px)/1 var(--condensed); text-transform:uppercase; }
.d-big-stat p { font:13px/1.6 var(--serif); }
.d-mack-photo { margin:60px 0 0; background:var(--charcoal); }
.d-mack-photo img { width:100%; max-height:640px; object-fit:cover; }
.d-mack-photo figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:19px 24px; color:var(--white); font:800 10px/1.6 var(--sans); text-transform:uppercase; letter-spacing:.08em; }
.d-mack-photo a { color:var(--blush); }
.d-end { display:grid; grid-template-columns:.92fr 1.08fr; background:var(--blush); min-height:650px; scroll-margin-top:70px; }
.d-end > div { padding:clamp(64px,8vw,130px) clamp(34px,6vw,110px); align-self:center; }
.d-end h2 { margin:0 0 40px; font:900 clamp(67px,9vw,137px)/.84 var(--condensed); text-transform:uppercase; letter-spacing:-.055em; }
.d-end h2 em { font-style:normal; color:rgba(41,42,40,.58); }
.d-end p:not(.d-kicker) { font:18px/1.65 var(--serif); max-width:640px; }
.d-end .d-last-line { margin:33px 0; font:700 clamp(20px,2.3vw,32px)/1.35 var(--serif)!important; }
.d-end figure { margin:0; align-self:center; padding:40px 42px; }
.d-end figure img { width:100%; height:auto; object-fit:contain; }
.d-end figcaption { padding:14px 0; font:800 10px/1.5 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.d-footer { display:flex; justify-content:space-between; gap:25px; background:var(--charcoal); color:var(--white); padding:48px max(32px,calc((100vw - 1420px)/2)); }
.d-footer .brand { color:var(--white); }
.d-footer p { font:14px/1.5 var(--serif); color:rgba(255,255,255,.65); }
.d-footer nav { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.d-footer nav a,.d-footer nav button { color:var(--white); text-decoration:none; border:0; background:none; padding:5px 0; cursor:pointer; font:800 10px/1.5 var(--sans); letter-spacing:.08em; text-transform:uppercase; }
.d-sources-shell,.d-viewer-shell { position:fixed; inset:0; z-index:100; visibility:hidden; }
.d-sources-shell.open,.d-viewer-shell.open { visibility:visible; }
.d-sources-backdrop,.d-viewer-backdrop { position:absolute; inset:0; background:rgba(15,16,16,.65); border:0; width:100%; height:100%; cursor:pointer; }
.d-sources-panel { position:absolute; inset:0 0 0 auto; width:min(790px,95vw); background:var(--paper); padding:80px clamp(22px,5vw,56px) 70px; overflow:auto; box-shadow:-30px 0 100px rgba(0,0,0,.3); transform:translateX(104%); transition:transform .33s cubic-bezier(.22,.72,.16,1); }
.d-sources-shell.open .d-sources-panel { transform:translateX(0); }
.d-sources-panel h2 { font:900 clamp(55px,8vw,100px)/.84 var(--condensed); text-transform:uppercase; letter-spacing:-.05em; margin:0 0 24px; }
.d-sources-panel > p:not(.d-kicker) { font:17px/1.6 var(--serif); margin:0 0 26px; }
.d-sources-panel label { display:block; margin-bottom:9px; font:800 11px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.1em; }
#d-search { display:block; width:100%; font:16px/1.5 var(--sans); background:var(--bone); border:1px solid var(--line); border-radius:0; padding:14px 16px; }
.d-close,.d-viewer-close { position:absolute; top:20px; right:25px; border:1px solid var(--line); width:45px; height:45px; border-radius:50%; background:transparent; font:26px/1 var(--sans); cursor:pointer; }
.d-filters { margin:20px 0 12px; display:flex; gap:8px; flex-wrap:wrap; }
.d-filters button { padding:10px 13px; background:transparent; border:1px solid var(--line); font:800 11px/1.3 var(--sans); cursor:pointer; }
.d-filters button[aria-pressed="true"] { background:var(--charcoal); color:var(--white); }
#d-results { font:800 10px/1.5 var(--sans); color:var(--muted); letter-spacing:.1em; text-transform:uppercase; margin:14px 0; }
.d-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.d-card { border:1px solid var(--line); min-width:0; }
.d-card[hidden],#d-empty[hidden] { display:none!important; }
.d-card button { border:0; padding:12px; width:100%; position:relative; display:block; background:var(--bone); cursor:zoom-in; }
.d-card img { width:100%; height:200px; object-fit:contain; }
.d-card button span { display:block; font:800 9px/1.4 var(--sans); text-transform:uppercase; margin-top:6px; text-align:right; letter-spacing:.06em; }
.d-card > div { padding:14px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.d-card small { font:800 9px/1.5 var(--sans); letter-spacing:.08em; color:var(--clay); text-transform:uppercase; }
.d-card strong { font:900 clamp(21px,3vw,31px)/1 var(--condensed); text-transform:uppercase; }
.d-card a { margin-top:8px; font:800 10px/1.5 var(--sans); letter-spacing:.07em; text-decoration:none; border-bottom:1px solid var(--clay); }
.d-source-note { margin-top:42px; padding-top:30px; border-top:1px solid var(--line); }
.d-source-note h3 { font:900 35px/1 var(--condensed); text-transform:uppercase; }
.d-source-note p { font:16px/1.6 var(--serif); }
.d-source-note a { color:var(--clay); }
.d-viewer-shell { z-index:120; }
.d-viewer-backdrop { background:rgba(15,16,16,.94); }
.d-viewer-frame { position:relative; width:min(92vw,1320px); height:min(91vh,1000px); margin:3.5vh auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:13px; color:var(--white); }
.d-viewer-close { position:absolute; top:0; right:0; z-index:4; border-color:rgba(255,255,255,.4); color:var(--white); }
.d-viewer-frame img { max-height:calc(100% - 130px); max-width:100%; object-fit:contain; }
.d-viewer-frame p { text-align:center; font:13px/1.5 var(--serif); max-width:800px; }
.d-viewer-frame a { text-align:center; color:var(--blush); font:800 10px/1.4 var(--sans); text-decoration:none; letter-spacing:.1em; text-transform:uppercase; }
@media(max-width:1000px) {
 .d-hero { grid-template-columns:1fr 1fr; }
 .d-hero-copy { padding:110px 35px 80px; }
 .d-hero h1 { font-size:clamp(75px,12vw,135px); }
 .d-heading { grid-template-columns:.2fr 1fr; gap:28px; }
 .d-doc-pair article { grid-template-columns:1fr; }
 .d-doc-pair article > button img { max-height:245px; }
 .d-end { grid-template-columns:1fr; }
 .d-end figure { max-width:900px; margin:auto; }
}
@media(max-width:760px) {
 .d-hero { display:flex; flex-direction:column; }
 .d-hero-copy { padding:110px 26px 55px; }
 .d-hero h1 { font-size:clamp(87px,17vw,142px); }
 .d-hero-portrait { min-height:420px; padding:35px; }
 .d-hero-portrait > div { width:min(260px,65%); padding:15px; }
 .d-hero-portrait img { max-height:280px; }
 .d-section { width:calc(100vw - 48px); padding:80px 0; }
 .d-section.d-sage,.d-section.d-dark,.d-section.d-marriage,.d-section.d-mack { padding-left:24px; padding-right:24px; }
 .d-heading,.d-columns { grid-template-columns:1fr; gap:24px; }
 .d-heading h2 { font-size:clamp(62px,11vw,92px); }
 .d-doc-pair,.d-ped-row,.d-early,.d-ledger { grid-template-columns:1fr; }
 .d-pedigree { padding:16px; }
 .d-pedigree strong { font-size:clamp(29px,6vw,44px); }
 .d-end > div { padding:75px 26px 10px; }
 .d-end figure { padding:25px 24px 65px; }
 .d-footer { flex-direction:column; padding:35px 26px; }
 .d-source-grid { grid-template-columns:1fr; }
 .d-card img { height:260px; }
 .d-sources-panel { width:100vw; }
 .d-sources-panel h2 { font-size:65px; }
 .d-hero-copy > p:not(.d-hero-label):not(.d-kicker) { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) { .d-sources-panel { transition:none; } }

/* Archive interlude: Mary Ann Amanda Giering and early Ritter records. */
.d-text-action { display:inline; color:var(--clay); font:800 11px/1.6 var(--sans); background:transparent; border:0; border-bottom:1px solid var(--clay); cursor:pointer; padding:0 0 2px; text-align:left; letter-spacing:.04em; }
.d-mary { padding-bottom:clamp(90px,11vw,160px); }
.d-mary .d-heading h2 em { color:var(--clay); }
.d-mary-facts { background:var(--bone); padding:clamp(26px,3.5vw,55px); border-left:6px solid var(--blush); }
.d-mary-facts .d-kicker { margin-bottom:20px; }
.d-mary-facts > div { padding:17px 0 19px; border-top:1px solid var(--line); display:grid; gap:7px; }
.d-mary-facts small { font:800 11px/1.2 var(--sans); text-transform:uppercase; letter-spacing:.11em; color:var(--clay); }
.d-mary-facts strong { font:900 clamp(25px,2.7vw,39px)/1 var(--condensed); text-transform:uppercase; }
.d-mary-facts span { font:14px/1.5 var(--serif); }
.d-research-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:clamp(42px,6vw,86px); }
.d-research-grid article { padding:clamp(28px,4.5vw,65px); min-height:400px; display:flex; flex-direction:column; align-items:flex-start; }
.d-research-seem { background:var(--blush); color:var(--charcoal); }
.d-research-moravian { background:var(--sage); color:var(--charcoal); }
.d-research-grid h3 { font:900 clamp(54px,6.7vw,100px)/.86 var(--condensed); letter-spacing:-.05em; text-transform:uppercase; margin:7px 0 21px; }
.d-research-grid h3 em { color:var(--clay); font-style:normal; }
.d-research-grid p:not(.d-kicker) { font:17px/1.58 var(--serif); max-width:540px; margin:0 0 30px; }
.d-research-grid button { margin-top:auto; width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px; border:0; border-top:1px solid rgba(41,42,40,.35); color:var(--charcoal); background:transparent; padding:20px 0 3px; cursor:pointer; text-transform:uppercase; letter-spacing:.09em; font:800 11px/1.3 var(--sans); text-align:left; }
.d-research-grid button span { font-size:19px; }
.d-history-shell { position:fixed; inset:0; z-index:110; visibility:hidden; }
.d-history-shell.open { visibility:visible; }
.d-history-backdrop { position:absolute; inset:0; border:0; width:100%; height:100%; background:rgba(15,16,16,.67); cursor:pointer; }
.d-history-panel { position:absolute; inset:0 0 0 auto; width:min(780px,95vw); overflow:auto; padding:90px clamp(25px,5vw,63px) 80px; background:var(--paper); color:var(--charcoal); box-shadow:-24px 0 100px rgba(0,0,0,.26); transform:translateX(105%); transition:transform .33s cubic-bezier(.22,.72,.16,1); }
.d-history-shell.open .d-history-panel { transform:translateX(0); }
.d-history-panel > h2 { font:900 clamp(54px,7vw,93px)/.89 var(--condensed); text-transform:uppercase; letter-spacing:-.05em; margin:0 0 34px; }
.d-history-copy { max-width:690px; }
.d-history-copy p { font:17px/1.72 var(--serif); margin:0 0 21px; }
.d-history-copy .d-history-lede { font:clamp(23px,2.5vw,32px)/1.48 var(--serif); margin-bottom:28px; }
.d-history-copy h3 { font:900 clamp(30px,4vw,47px)/1 var(--condensed); text-transform:uppercase; margin:34px 0 17px; }
.d-history-quote { margin:30px 0; padding:32px; background:var(--blush); }
.d-history-quote span { text-transform:uppercase; font:800 10px/1.4 var(--sans); letter-spacing:.1em; }
.d-history-quote p { font:italic 29px/1.25 var(--serif); margin:15px 0 0; }
.d-history-citation { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0; display:grid; gap:10px; margin-top:35px; }
.d-history-citation strong { font:800 10px/1.5 var(--sans); letter-spacing:.1em; text-transform:uppercase; color:var(--clay); }
.d-history-citation span { font:14px/1.6 var(--serif); }
.d-history-mini { display:grid; grid-template-columns:115px 1fr; gap:25px; padding:20px 0; border-top:1px solid var(--line); }
.d-history-mini > span { color:var(--clay); font:900 30px/1 var(--condensed); }
.d-history-mini strong { font:900 25px/1.05 var(--condensed); text-transform:uppercase; }
.d-history-mini p { margin:10px 0 0; font-size:15px; }
.d-history-record,.d-history-end { cursor:pointer; text-align:left; border:0; border-bottom:1px solid var(--clay); padding:10px 0; margin:20px 0; background:transparent; color:var(--charcoal); font:800 11px/1.4 var(--sans); letter-spacing:.09em; text-transform:uppercase; }
.d-history-end { margin-top:40px; }
.d-research-card .d-text-thumb { min-height:180px; background:var(--blush); padding:20px; display:flex; flex-direction:column; gap:15px; text-align:left; }
.d-research-card:nth-of-type(even) .d-text-thumb { background:var(--sage); }
.d-text-thumb small { font:800 10px/1.3 var(--sans); color:var(--charcoal); letter-spacing:.08em; }
.d-text-thumb strong { font:900 clamp(29px,3.5vw,47px)/.86 var(--condensed); color:var(--charcoal); text-transform:uppercase; }
.d-text-thumb span { text-align:left!important; font-size:9px!important; margin-top:auto!important; }
@media (min-width:1100px) { .d-early { grid-template-columns:repeat(4,minmax(0,1fr)); gap:23px; } }
@media (max-width:760px) {
 .d-research-grid { grid-template-columns:1fr; }
 .d-research-grid article { min-height:320px; }
 .d-mary-facts { padding:24px; }
 .d-history-panel { width:100vw; padding:85px 24px 65px; }
 .d-history-mini { grid-template-columns:1fr; gap:8px; }
 .d-history-quote { padding:24px; }
 .d-text-action { display:inline-block; }
}
@media (prefers-reduced-motion:reduce) { .d-history-panel { transition:none; } }


/* Dale's expanded family chapters — siblings, European origins, and Joel's history. */
.d-origins { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:52px 0 0; }
.d-origins article { padding:clamp(27px,3vw,42px); min-width:0; background:var(--sage); display:flex; flex-direction:column; align-items:flex-start; border-top:4px solid var(--clay); }
.d-origins article:nth-child(2) { background:var(--blush); }
.d-origins small { font:800 10px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.12em; color:var(--clay); }
.d-origins strong { display:block; font:900 clamp(35px,4.5vw,61px)/.93 var(--condensed); letter-spacing:-.02em; text-transform:uppercase; margin:24px 0 16px; }
.d-origins p { margin:0 0 25px; font:17px/1.65 var(--serif); }
.d-origins button { margin-top:auto; border:0; padding:12px 0; border-bottom:1px solid var(--clay); color:var(--charcoal); background:transparent; font:800 10px/1.5 var(--sans); text-align:left; text-transform:uppercase; letter-spacing:.09em; cursor:pointer; }
.d-siblings-section .d-heading h2 em { color:var(--clay); }
.d-family-note { align-self:stretch; background:var(--bone); border-top:5px solid var(--clay); padding:clamp(30px,5vw,70px); display:flex; flex-direction:column; justify-content:center; }
.d-family-note > span { color:var(--clay); font:800 10px/1.5 var(--sans); letter-spacing:.15em; }
.d-family-note strong { display:block; margin:18px 0 24px; font:900 clamp(42px,5vw,78px)/.92 var(--condensed); text-transform:uppercase; }
.d-family-note p { margin:0; font:16px/1.65 var(--serif); }
.d-feature-link { display:inline-flex; justify-content:space-between; align-items:center; min-width:min(100%,350px); gap:24px; background:var(--charcoal); border:1px solid var(--charcoal); color:var(--white); padding:19px 23px; cursor:pointer; margin-top:20px; font:800 11px/1.4 var(--sans); letter-spacing:.09em; text-transform:uppercase; text-align:left; transition:background .15s ease,color .15s ease; }
.d-feature-link:hover { background:var(--clay); border-color:var(--clay); }
.d-feature-link span { font-size:21px; }
.d-feature-link-light { background:var(--blush); border-color:var(--blush); color:var(--charcoal); }
.d-feature-link-light:hover { background:var(--white); border-color:var(--white); }
.d-sibling-grid { margin-top:60px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.d-sibling { display:flex; flex-direction:column; align-items:flex-start; min-height:145px; padding:24px 20px; background:var(--bone); border-top:2px solid rgba(41,42,40,.13); }
.d-sibling span { color:var(--clay); font:800 11px/1.3 var(--sans); letter-spacing:.08em; }
.d-sibling strong { font:900 clamp(22px,2.2vw,36px)/.98 var(--condensed); text-transform:uppercase; margin-top:22px; }
.d-sibling small { font:800 10px/1.3 var(--sans); text-transform:uppercase; letter-spacing:.07em; margin-top:9px; opacity:.8; }
.d-sibling-emphasis { background:var(--blush); border-top-color:var(--clay); }
.d-siblings-endnote { max-width:650px; padding-top:18px; margin-top:20px; border-top:1px solid var(--line); font:15px/1.6 var(--serif); color:var(--graphite); }
.d-service-note { color:rgba(255,255,255,.7); font:14px/1.6 var(--serif); margin:13px 0 0; }
.d-history-family { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:28px 0 40px; }
.d-history-family > div { background:var(--bone); padding:18px; border-top:2px solid var(--clay); display:grid; gap:8px; }
.d-history-family small { font:800 10px/1.3 var(--sans); color:var(--clay); }
.d-history-family strong { font:900 24px/1 var(--condensed); text-transform:uppercase; }
.d-history-photo { margin:32px 0; background:var(--bone); }
.d-history-photo img { display:block; width:100%; height:auto; max-height:400px; object-fit:contain; }
.d-history-photo figcaption { padding:14px 20px 20px; color:var(--graphite); font:12px/1.65 var(--sans); }
.d-history-photo a,.d-history-source-link a { color:var(--clay); text-decoration:underline; text-underline-offset:3px; }
.d-history-source-link { font:800 12px/1.6 var(--sans)!important; }
.d-legacy { scroll-margin-top:70px; }
.d-legacy .d-heading h2 em { color:var(--clay); }
.d-legacy-content { margin-left:auto; width:min(100%,900px); padding:15px 0 0; }
.d-legacy-content p { font:19px/1.75 var(--serif); max-width:820px; margin:0 0 25px; }
.d-legacy-content .d-legacy-lede { font:clamp(27px,3vw,43px)/1.4 var(--serif); margin-bottom:30px; }
.d-legacy-links { display:flex; gap:12px 26px; align-items:center; flex-wrap:wrap; padding-top:30px; margin-top:50px; border-top:1px solid var(--line); }
.d-legacy-links a,.d-legacy-links button { border:0; border-bottom:1px solid var(--clay); text-decoration:none; background:transparent; color:var(--charcoal); padding:9px 0; cursor:pointer; font:800 11px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.09em; }
@media(max-width:1100px) { .d-sibling-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) {
 .d-origins { grid-template-columns:1fr; margin-top:30px; }
 .d-sibling-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:35px; }
 .d-sibling { padding:20px 14px; min-height:132px; }
 .d-sibling strong { font-size:clamp(24px,5vw,34px); }
 .d-history-family { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .d-history-family > div { padding:14px; }
 .d-family-note { padding:32px; }
 .d-feature-link { width:100%; min-width:0; }
 .d-legacy-content p { font-size:17px; }
}
@media(max-width:420px) { .d-sibling-grid { gap:7px; } .d-sibling { padding:17px 12px; } .d-history-family strong { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { .d-feature-link { transition:none; } }


/* Family stories editorial refinement — October 2026 */
.d-work-gallery { margin-top:80px; padding-top:44px; border-top:1px solid rgba(41,42,40,.3); }
.d-work-gallery-header { display:grid; grid-template-columns: .4fr 1fr; align-items:start; column-gap:35px; margin-bottom:33px; }
.d-work-gallery-header > span { font:800 10px/1.7 var(--sans); text-transform:uppercase; letter-spacing:.13em; color:var(--clay); }
.d-work-gallery-header h3 { grid-column:2; margin:0 0 20px; font:900 clamp(40px,5vw,72px)/.9 var(--condensed); text-transform:uppercase; letter-spacing:-.03em; }
.d-work-gallery-header p { grid-column:2; font:17px/1.65 var(--serif); max-width:740px; margin:0; }
.d-work-gallery-images { display:grid; grid-template-columns: .83fr 1.35fr; gap:20px; }
.d-work-gallery-images figure { margin:0; display:flex; flex-direction:column; background:var(--paper); overflow:hidden; }
.d-work-gallery-images figure > button { flex:1; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; cursor:zoom-in; padding:20px; border:0; background:rgba(41,42,40,.04); }
.d-work-gallery-images img { display:block; width:100%; height:clamp(230px,29vw,420px); object-fit:contain; }
.d-work-gallery-images button > span { color:var(--clay); font:800 10px/1.3 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.d-work-gallery-images figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 18px; padding:16px 19px 19px; font:800 10px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.08em; }
.d-work-gallery-images figcaption a { color:var(--clay); }
.d-family-directory-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; align-items:end; padding:25px 0 0; margin-top:65px; border-top:1px solid var(--line); }
.d-family-directory-heading small { color:var(--clay); font:800 10px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.12em; }
.d-family-directory-heading h3 { font:900 clamp(34px,4.3vw,62px)/.98 var(--condensed); text-transform:uppercase; margin:10px 0 0; }
.d-family-directory-heading p { margin:0; color:var(--graphite); font:15px/1.6 var(--serif); }
.d-family-directory-heading + .d-sibling-grid { margin-top:25px; }
.d-siblings-next { border-top:1px solid var(--line); padding-top:30px; margin-top:32px; max-width:950px; display:flex; flex-wrap:wrap; align-items:center; gap:20px 26px; }
.d-siblings-next p { margin:0; flex-basis:100%; max-width:760px; color:var(--graphite); font:17px/1.7 var(--serif); }
.d-siblings-next .d-feature-link { margin:0; }
.d-siblings-joel-link { font:800 10px/1.5 var(--sans); letter-spacing:.1em; text-decoration:none; border-bottom:1px solid var(--clay); padding:12px 0; text-transform:uppercase; }
.d-unsan-story { margin-top:clamp(70px,9vw,130px); padding-top:clamp(45px,6vw,85px); border-top:1px solid rgba(252,250,246,.3); }
.d-unsan-intro { display:grid; grid-template-columns:1fr 1fr; gap:clamp(26px,5vw,75px); align-items:start; }
.d-unsan-intro h3 { color:var(--white); font:900 clamp(49px,6.5vw,105px)/.87 var(--condensed); letter-spacing:-.06em; text-transform:uppercase; margin:0 0 28px; }
.d-unsan-intro p:not(.d-kicker) { color:rgba(255,255,255,.83); font:19px/1.7 var(--serif); margin:0; }
.d-unsan-intro figure { margin:0; background:rgba(255,255,255,.08); }
.d-unsan-intro figure img { display:block; max-height:480px; width:100%; object-fit:contain; }
.d-unsan-intro figcaption { color:rgba(255,255,255,.7); font:12px/1.65 var(--sans); padding:18px 19px 22px; }
.d-unsan-intro figcaption a { color:var(--blush); }
.d-unsan-sequence { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:clamp(45px,6vw,90px); }
.d-unsan-sequence article { border-top:2px solid var(--blush); padding-top:24px; }
.d-unsan-sequence article span { color:var(--blush); font:800 11px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.1em; }
.d-unsan-sequence h4 { color:var(--white); font:900 clamp(30px,3.2vw,50px)/.94 var(--condensed); letter-spacing:-.025em; text-transform:uppercase; margin:20px 0; }
.d-unsan-sequence article p { color:rgba(255,255,255,.8); font:17px/1.7 var(--serif); margin:0; }
.d-unsan-after { display:grid; grid-template-columns:1fr 1fr; column-gap:clamp(30px,6vw,110px); margin-top:clamp(42px,6vw,80px); padding-top:30px; border-top:1px solid rgba(252,250,246,.2); }
.d-unsan-after p { margin:0 0 25px; color:rgba(255,255,255,.85); font:18px/1.75 var(--serif); }
.d-unsan-links { grid-column:1/-1; display:flex; gap:14px 35px; flex-wrap:wrap; align-items:center; margin-top:22px; }
.d-unsan-links .d-feature-link { margin:0; }
.d-unsan-links > a { display:inline-flex; text-decoration:none; color:var(--blush); border-bottom:1px solid var(--blush); padding:10px 0; font:800 11px/1.5 var(--sans); text-transform:uppercase; letter-spacing:.08em; }
@media(max-width:1050px) {
 .d-work-gallery-header { grid-template-columns:.3fr 1fr; }
 .d-unsan-sequence { grid-template-columns:1fr 1fr; }
}
@media(max-width:760px) {
 .d-work-gallery { margin-top:52px; }
 .d-work-gallery-header { grid-template-columns:1fr; gap:12px; }
 .d-work-gallery-header h3,.d-work-gallery-header p { grid-column:1; }
 .d-work-gallery-images { grid-template-columns:1fr; }
 .d-work-gallery-images img { height:auto; max-height:360px; }
 .d-family-directory-heading { gap:12px; margin-top:40px; }
 .d-family-directory-heading p { width:100%; }
 .d-siblings-next { flex-direction:column; align-items:stretch; }
 .d-siblings-joel-link { align-self:flex-start; }
 .d-unsan-intro { grid-template-columns:1fr; }
 .d-unsan-sequence { grid-template-columns:1fr; gap:30px; }
 .d-unsan-after { grid-template-columns:1fr; }
 .d-unsan-intro h3 { font-size:clamp(52px,11vw,80px); }
}


/* Dale narrative refresh — October 2026. Deliberately restrained, shared-site typography. */
.dale-page .d-section { padding-top:clamp(78px,8vw,125px); padding-bottom:clamp(78px,8vw,125px); }
.dale-page .d-heading { margin-bottom:clamp(34px,4vw,59px); }
.dale-page .d-heading h2 { font-size:clamp(54px,7.1vw,105px); line-height:.95; letter-spacing:-.048em; }
.dale-page .d-heading > span { font-size:11px; font-weight:800; letter-spacing:.09em; }
.dale-page .d-prose .d-lede { font-size:clamp(23px,2.25vw,31px); line-height:1.48; }
.d-history-narrative { max-width:860px; margin-left:calc(23% + 2vw); }
.d-history-narrative > p { font:19px/1.79 var(--serif); margin:0 0 24px; color:var(--graphite); }
.d-history-narrative > p.d-lede { font:clamp(23px,2.35vw,31px)/1.5 var(--serif); color:var(--charcoal); margin-bottom:33px; }
.d-history-narrative strong { font-weight:700; color:var(--charcoal); }
.d-history-narrative h3 { margin:60px 0 18px; font:normal clamp(29px,3.5vw,45px)/1.18 var(--serif); letter-spacing:-.025em; color:var(--charcoal); }
.d-history-narrative h3:first-child { margin-top:0; }
.d-history-narrative > p.d-history-source { margin-top:43px; padding-top:18px; border-top:1px solid var(--line); font:13px/1.9 var(--sans); color:var(--muted); }
.d-history-source a,.d-history-source button { color:var(--clay); text-decoration:none; border:0; border-bottom:1px solid currentColor; background:none; cursor:pointer; padding:3px 0; font:700 13px/1.6 var(--sans); }
.d-history-source button { margin-left:12px; }
.d-pennsylvania .d-ledger { margin-top:70px; }
.d-pennsylvania .d-ledger h3 { font-size:clamp(34px,4vw,60px); line-height:1; }
.d-family-pedigree-intro { max-width:860px; margin:75px 0 25px calc(23% + 2vw); }
.d-family-pedigree-intro h3 { margin:0 0 12px; font:normal clamp(28px,3.3vw,42px)/1.2 var(--serif); color:var(--charcoal); }
.d-family-pedigree-intro p { margin:0; font:17px/1.7 var(--serif); color:var(--graphite); }
.d-pennsylvania .d-pedigree { margin-top:28px; }
.d-mary { background:var(--bone); }
.dale-page .d-sage .d-history-narrative > p,.dale-page .d-sage .d-history-narrative h3 { color:var(--charcoal); }
.dale-page .d-work-gallery { margin-top:65px; }
.dale-page .d-work-gallery-header h3 { font-size:clamp(36px,4.1vw,60px); }
.dale-page .d-doc-pair { margin-top:52px; }
.dale-page .d-family-directory-heading { margin-top:52px; }
.dale-page .d-end h2 { font-size:clamp(59px,7.3vw,105px); line-height:.97; }
.dale-page .d-end p:not(.d-kicker) { line-height:1.74; }
.dale-page .d-unsan-intro h3 { font-size:clamp(50px,6vw,91px); line-height:.94; }
.dale-page .d-unsan-sequence h4 { font-size:clamp(28px,2.8vw,42px); }
@media (max-width:1000px) {
 .d-history-narrative,.d-family-pedigree-intro { margin-left:0; max-width:810px; }
}
@media (max-width:760px) {
 .dale-page .d-section { padding-top:75px; padding-bottom:75px; }
 .dale-page .d-heading h2 { font-size:clamp(51px,10.1vw,79px); line-height:.96; }
 .d-history-narrative > p { font-size:17px; line-height:1.75; margin-bottom:21px; }
 .d-history-narrative > p.d-lede { font-size:clamp(22px,5.1vw,27px); }
 .d-history-narrative h3 { margin-top:42px; font-size:clamp(28px,6.8vw,36px); }
 .d-history-narrative > p.d-history-source { line-height:1.85; }
 .d-history-source button { display:inline-block; margin-left:0; margin-right:12px; }
 .d-pennsylvania .d-ledger { margin-top:44px; }
 .d-family-pedigree-intro { margin-top:56px; }
 .dale-page .d-work-gallery { margin-top:46px; }
 .dale-page .d-end h2 { font-size:clamp(58px,11vw,84px); }
}

/* Joel's full Korean War account now lives in the expanded service drawer. */
.d-joel-more { max-width:750px; margin-top:52px; padding-top:27px; border-top:1px solid rgba(252,250,246,.28); }
.d-joel-more p { font:18px/1.75 var(--serif); color:rgba(252,250,246,.85); margin:0 0 18px; }
.d-joel-more .d-feature-link { display:inline-flex; margin:0; }
.d-history-battle { margin:32px 0 10px; }
.d-history-battle > .d-kicker { margin-bottom:12px; }
.d-history-battle .d-unsan-story { margin:0; padding:32px 0 0; border-top:1px solid var(--line); }
.d-history-battle .d-unsan-intro { display:block; }
.d-history-battle .d-unsan-intro h3 { color:var(--charcoal); font-size:clamp(30px,4vw,47px); line-height:1; margin:0 0 22px; }
.d-history-battle .d-unsan-intro p:not(.d-kicker) { color:var(--graphite); font:17px/1.74 var(--serif); margin:0 0 24px; }
.d-history-battle .d-unsan-intro figure { background:var(--bone); margin:26px 0 40px; }
.d-history-battle .d-unsan-intro figure img { max-height:440px; width:100%; object-fit:contain; }
.d-history-battle .d-unsan-intro figcaption { color:var(--graphite); font:12px/1.7 var(--sans); padding:17px 19px 20px; }
.d-history-battle .d-unsan-intro figcaption a { color:var(--clay); }
.d-history-battle .d-unsan-sequence { display:block; margin:25px 0 20px; }
.d-history-battle .d-unsan-sequence article { margin-bottom:29px; padding-top:16px; border-top:1px solid var(--line); }
.d-history-battle .d-unsan-sequence article span { color:var(--clay); }
.d-history-battle .d-unsan-sequence h4 { color:var(--charcoal); font:700 clamp(25px,3vw,33px)/1.16 var(--serif); letter-spacing:-.02em; text-transform:none; margin:12px 0 13px; }
.d-history-battle .d-unsan-sequence article p { color:var(--graphite); font:16px/1.78 var(--serif); margin:0; }
.d-history-battle .d-unsan-after { display:block; margin:18px 0 0; padding:25px 0 0; border-top:1px solid var(--line); }
.d-history-battle .d-unsan-after p { color:var(--graphite); font:17px/1.75 var(--serif); margin:0 0 22px; }
@media (max-width:760px) {
 .d-joel-more { margin-top:38px; }
 .d-history-battle .d-unsan-intro h3 { font-size:clamp(32px,9vw,44px); }
 .d-history-battle .d-unsan-sequence { display:block; }
 .d-history-battle .d-unsan-after { display:block; }
}

/* Contained historic Mack photograph — in keeping with the rest of the family story. */
.dale-page .d-mack-photo--contained {
  width: min(860px, 100%);
  margin: clamp(38px, 5vw, 65px) auto 0;
  background: transparent;
}
.dale-page .d-mack-photo--contained img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}
.dale-page .d-mack-photo--contained figcaption {
  background: transparent;
  color: var(--graphite);
  padding: 14px 0 0;
  font: 12px/1.65 var(--sans);
  text-transform: none;
  letter-spacing: 0;
}
.dale-page .d-mack-photo--contained figcaption a {
  color: var(--clay);
}
@media (max-width:760px) {
  .dale-page .d-mack-photo--contained {
    width: 100%;
    margin-top: 36px;
  }
}


/* Compact access to the ancestor profiles and contextual research archive. */
.d-ancestry-link {color:var(--clay);text-decoration:none;border-bottom:1px solid currentColor}
.d-ancestry-link:hover {filter:brightness(.8)}
.d-heritage-bridge {display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,70px);padding:32px 0 0;margin-top:60px;border-top:1px solid var(--line)}
.d-heritage-bridge h3 {font:normal clamp(29px,3.6vw,46px)/1.16 var(--serif);letter-spacing:-.03em;color:var(--charcoal);margin:12px 0 17px}
.d-heritage-bridge p:not(.d-kicker) {font:16px/1.7 var(--serif);margin:0;max-width:520px}
.d-heritage-bridge-links {display:grid;border-top:1px solid var(--line)}
.d-heritage-bridge-links a {padding:15px 2px;text-decoration:none;font:750 12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);color:var(--clay)}
.d-heritage-bridge-links a:hover {color:var(--charcoal)}
.dale-page .d-pedigree a {color:inherit;text-decoration:none;border-bottom:1px solid var(--clay)}
.dale-page .d-pedigree a:hover {color:var(--clay)}
.d-ped-help {font:12px/1.6 var(--sans);color:var(--muted);text-align:center;margin:23px 0 0}
@media(max-width:800px){.d-heritage-bridge{grid-template-columns:1fr;gap:20px;margin-top:42px}}

/* Compact navigation for the shared museum experience. */
.dale-page .header-nav{gap:clamp(10px,1.75vw,22px)}
@media(max-width:700px){.dale-page .header-nav a[href="index.html"],.dale-page .header-nav a[href="stories.html"]{display:none}.dale-page .site-header{padding:0 15px}.dale-page .header-nav{gap:10px;font-size:10px}.dale-page .brand{font-size:10px}}