/* Warm minimal: Pawson / Van Duysen. Off-white, stone, oak. */
:root{
  --paper:#f6f2ec; --paper2:#efe9e0; --stone:#d9d1c5; --stone2:#b9ae9f;
  --oak:#9a7b55; --oak-d:#6f5638; --ink:#2b2724; --mute:#7a7168;
  --serif:"Iowan Old Style","Baskerville","Hoefler Text","Cormorant Garamond",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Inter",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;scroll-padding-top:160px}
:root{--gutter:clamp(18px,3.4vw,40px)}
figure{margin:0}
img{max-width:100%;height:auto}
p,a,dd,figcaption,small{overflow-wrap:anywhere}
button,a,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--oak-d);outline-offset:4px}
.tiles>*,.cards>*,.links>*,.selected-gallery>*,.body{min-width:0}
body{margin:0;font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--oak-d)}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px))}
.top{position:sticky;top:0;z-index:5;background:rgba(246,242,236,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--stone)}
.top .top-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-top:20px;padding-bottom:12px}
.top-row>*{min-width:0}
.mobile-sections{display:none}
.mark{font:400 22px/1 var(--serif);letter-spacing:.01em}
.mark span{display:block;font:500 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-top:7px}
nav.main{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px clamp(12px,2vw,26px)}
nav.main a{display:inline-flex;align-items:center;min-height:36px;margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
nav.main a.on,nav.main a:hover{color:var(--ink)}
nav.sections{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;overflow:visible;padding-bottom:12px}
nav.sections a{display:inline-flex;align-items:center;min-height:32px;font-size:12.5px;color:var(--mute)}
nav.sections a.on{color:var(--ink);border-bottom:1px solid var(--oak)}
main{padding-bottom:calc(clamp(40px,6vw,80px) + env(safe-area-inset-bottom,0px))}
.intro{padding:clamp(32px,6.5vw,90px) 0 clamp(24px,4vw,52px);max-width:780px}
.intro.small{padding:clamp(28px,5vw,64px) 0 clamp(22px,3vw,30px)}
.kicker{font:500 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--oak);margin:0 0 22px}
h1{font:400 clamp(32px,1.35rem + 2.4vw,52px)/1.12 var(--serif);margin:0 0 clamp(18px,2.4vw,26px);letter-spacing:-.005em;overflow-wrap:anywhere}
.intro.small h1{font-size:clamp(31px,1.25rem + 2vw,44px)}
h2{font:400 28px/1.2 var(--serif);margin:0}
h3{font:400 20px/1.3 var(--serif);margin:0 0 8px}
.lede{font:400 clamp(17px,1rem + .2vw,19px)/1.65 var(--serif);color:#4a433d;margin:0}
.qs{margin-top:36px}
.qs input{width:100%;max-width:620px;border:0;border-bottom:1px solid var(--stone2);background:transparent;font:400 20px/1.4 var(--serif);padding:12px 0;color:var(--ink);outline:none}
.qs input:focus{border-color:var(--oak)}
.hero{margin:20px 0 clamp(36px,6vw,80px)}
.hero img{width:auto;max-width:100%;height:auto;max-height:min(72svh,700px);object-fit:contain;display:block;margin-inline:auto;filter:sepia(.12) saturate(.85)}
.hero figcaption,.foot{font-size:12px;color:var(--mute);margin-top:12px;letter-spacing:.02em}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,36px) clamp(18px,2.4vw,28px)}
.tile{display:block}
.tile img,.tile .blank{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--paper2);filter:sepia(.1) saturate(.8);transition:filter .4s}
.tile:hover img{filter:none}
.tile div{padding-top:16px}
.tile p{margin:0 0 8px;color:var(--mute);font-size:14px}
.tile span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--oak)}
.slices{margin-top:110px;border-top:1px solid var(--stone);padding-top:40px}
.slices ul{list-style:none;padding:0;margin:24px 0 0;columns:2;column-gap:60px}
.slices li{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid var(--paper2);break-inside:avoid}
.slices li span{color:var(--oak);width:46px}
.slices li em{margin-left:auto;font-style:normal;color:var(--mute)}
h2.era{margin:70px 0 26px;padding-top:24px;border-top:1px solid var(--stone)}
h2.era em,.eraband header em{font:400 13px var(--sans);color:var(--mute);font-style:normal;margin-left:10px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px)}
.card{min-width:0;background:#fbf9f5;border:1px solid var(--paper2);display:flex;flex-direction:column;overflow-wrap:anywhere}
.card .ph img{width:100%;max-height:340px;object-fit:cover;display:block;background:var(--paper2)}
.card .thumb{position:relative}
.card .thumb img{max-height:160px;filter:grayscale(.3) opacity(.85)}
.card .thumb span{position:absolute;left:12px;bottom:10px;font-size:11px;background:rgba(246,242,236,.92);padding:4px 8px;color:var(--mute)}
.card .body{min-width:0;padding:clamp(16px,2vw,24px) clamp(16px,2.2vw,26px) 22px}
.meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--oak);margin:0 0 10px}
.people{font:italic 15px/1.5 var(--serif);color:var(--oak-d);margin:0 0 8px}
.desc{margin:0 0 12px;color:#4a433d}
details summary{cursor:pointer;font-size:12px;color:var(--mute);margin-bottom:10px}
.rights{font-size:12.5px;color:var(--mute);margin:0 0 8px}
.rights span{letter-spacing:.14em;text-transform:uppercase;font-size:10px;margin-right:6px;color:var(--stone2)}
.src{margin:0 0 12px;font-size:13px}
.src a{border-bottom:1px solid var(--stone)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip,.filters button{font-size:11px;padding:3px 10px;border:1px solid var(--stone);color:var(--mute);background:transparent;border-radius:20px;cursor:pointer;font-family:var(--sans)}
.chip:hover,.filters button.on{border-color:var(--oak);color:var(--oak-d)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.count{color:var(--mute);font-size:13px;margin-top:18px}
.empty{color:var(--mute);font:italic 17px var(--serif)}
.eraband{padding:60px 0;border-top:1px solid var(--stone)}
.eraband header{margin-bottom:30px}
.strip{display:flex;gap:14px;overflow-x:auto;margin-bottom:34px}
.strip img{height:180px;display:block;filter:sepia(.1)}
.dec{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--paper2)}
.dec h3{color:var(--oak);font-size:24px}
.dec ul{list-style:none;padding:0;margin:0}
.dec li{padding:7px 0;display:grid;grid-template-columns:150px 1fr;column-gap:16px}
.dec li .yr{color:var(--mute);font-size:12.5px;grid-row:span 2}
.dec li small{color:var(--mute);font-size:12.5px}
.dec li b{font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--oak)}
.gallery{columns:3;column-gap:24px}
.g{break-inside:avoid;margin:0 0 30px}
.g img{width:100%;display:block;background:var(--paper2)}
.g figcaption{font-size:13.5px;padding-top:10px;color:#4a433d}
.g figcaption b{font-weight:500;color:var(--oak);margin-right:6px}
.g small{display:block;color:var(--mute);font-size:11.5px;margin-top:4px}
.links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lcard{min-width:0;display:flex;flex-direction:column;gap:6px;padding:clamp(16px,2vw,22px);border:1px solid var(--stone);background:#fbf9f5;transition:border-color .3s;overflow-wrap:anywhere}
.lcard:hover{border-color:var(--oak)}
.lcard .yr{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--oak)}
.lcard b{font:400 17px/1.3 var(--serif)}
.lcard span{font-size:13px;color:#4a433d}
.lcard small{font-size:11.5px;color:var(--mute);margin-top:auto}
.foot{border-top:1px solid var(--stone);padding:30px 40px 60px}
.lb{position:fixed;inset:0;background:rgba(43,39,36,.94);z-index:50;display:flex;align-items:center;justify-content:center;padding:64px max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow:auto}
.lb[hidden]{display:none}
.lb figure{margin:0;width:100%;max-width:1200px;min-width:0;text-align:center}
.lb img{max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 160px);object-fit:contain;display:block;margin:0 auto}
.lb figcaption{color:#e9e2d7;font:400 15px var(--serif);margin-top:14px}
.lbx{position:absolute;top:max(8px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));min-width:64px;min-height:44px;background:none;border:0;color:#e9e2d7;font:500 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
mark{background:#eadcc6;color:inherit}
@media(max-width:980px){.tiles,.links{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{columns:2}.sv{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tiles,.links{grid-template-columns:minmax(0,1fr)}.gallery{columns:1}.slices ul{columns:1}}
.dossier{max-width:860px;margin-bottom:30px}
.deathline{font:italic 19px/1.5 var(--serif);color:var(--oak-d);border-left:2px solid var(--oak);padding-left:18px;margin:28px 0 10px}
.fgroup{margin:44px 0 10px;color:var(--oak);font-size:13px;font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase}
.facts{list-style:none;padding:0;margin:0}
.facts li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:14px 0;border-top:1px solid var(--paper2)}
.facts .yr{color:var(--mute);font-size:12.5px}
.facts p{margin:0 0 4px}
.facts small{color:var(--mute);font-size:12px}
.facts small a{border-bottom:1px solid var(--stone)}
.sv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sv img{width:100%;display:block;filter:saturate(.7)}
.sv figcaption{font-size:11.5px;color:var(--mute);padding-top:4px}
@media(max-width:760px){.facts li{grid-template-columns:minmax(0,1fr)}}

/* Selected photographs and plain register records. */
.nav-menu,.person-menu{position:relative;flex:none}
.nav-menu summary,.person-menu summary{cursor:pointer;min-height:32px;padding-block:5px;font-size:12.5px;color:var(--mute)}
.nav-menu>div,.person-menu>div{position:absolute;z-index:30;top:100%;left:0;min-width:min(225px,calc(100vw - 2*var(--gutter)));max-width:calc(100vw - 2*var(--gutter));padding:12px 16px;background:var(--paper);border:1px solid var(--stone)}
.nav-menu>div a,.person-menu>div a{display:block;margin:7px 0;font-size:13px}
nav.sections>.nav-menu:last-child>div{left:auto;right:0}
.nav-submenu{margin:8px 0 0}
.nav-submenu>summary{font-size:12px;min-height:32px;margin:0;color:var(--mute)}
.nav-submenu>div{margin:0 0 5px 8px;padding-left:12px;border-left:1px solid var(--stone)}
.related-links{font-size:13px;color:var(--mute);margin:22px 0 0}
.related-links a{border-bottom:1px solid var(--stone)}
.related-links span{padding-inline:7px}
.related-planning{max-width:850px;margin:65px 0;font-size:14px}
.related-planning h2{font-size:25px}
.record-links{padding-left:20px}
.record-links a{border-bottom:1px solid var(--stone)}
.heading-row{display:flex;align-items:center;justify-content:space-between;gap:28px}
.heading-row h1{margin-bottom:0}
.person-menu>div{left:auto;right:0}
.selected-media{min-width:0;margin:clamp(18px,2.4vw,28px) 0 clamp(26px,3.4vw,42px)}
.selected-media img{display:block;width:auto;max-width:100%;height:auto;max-height:min(72svh,760px);object-fit:contain;margin-inline:auto;filter:none}
.selected-media figcaption{margin-top:11px;font-size:12px;line-height:1.55;color:var(--mute)}
.home-early{margin-top:0}
.home-context{margin:clamp(36px,5vw,65px) 0 clamp(42px,6vw,85px)}
.home-context h2{font:400 30px/1.2 var(--serif)}
.home-map{margin-top:26px}
.alternate-view{font-size:13px;color:var(--mute);margin-top:-20px}
.alternate-view summary,.archive-details summary{cursor:pointer}
.village-interior{margin-bottom:clamp(32px,5vw,65px)}
.selected-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,28px) clamp(20px,3vw,34px)}
.selected-gallery .selected-media{margin:0 0 24px;min-width:0}
.selected-gallery img{max-height:min(72svh,760px);object-fit:contain}
.probate-section{margin:65px 0;max-width:100%}
.probate-section h2,.official-records h2{font:400 27px/1.3 var(--serif)}
.official-records{max-width:920px;margin:0 0 55px}
.official-records dl{display:grid;grid-template-columns:minmax(140px,210px) minmax(0,1fr);margin:18px 0 24px}
.official-records dt,.official-records dd{margin:0;padding:12px 0;border-bottom:1px solid var(--paper2);font-size:14px;overflow-wrap:anywhere}
.official-records dt{color:var(--mute);padding-right:25px}
.record-note{font-size:12.5px;line-height:1.65;color:var(--mute)}
.archive-details{margin:65px 0 80px}
.archive-details .cards{margin-top:25px}
@media(max-width:760px){
  html{scroll-padding-top:24px}
  .top{position:relative;backdrop-filter:none}
  .top .top-row{flex-direction:column;align-items:flex-start;gap:8px;padding-top:18px;padding-bottom:8px}
  nav.main{justify-content:flex-start;width:100%;column-gap:clamp(10px,3.6vw,20px)}
  nav.main a{font-size:12px;letter-spacing:.055em;min-height:44px}
  nav.sections{display:none}
  .mobile-sections{display:block;padding-block:0 12px}
  .mobile-sections>summary{display:flex;align-items:center;min-height:44px;margin:0;font-size:14px;color:var(--ink);list-style:none}
  .mobile-sections>summary::-webkit-details-marker{display:none}
  .mobile-sections>summary::after{content:"+";margin-left:auto;font-size:20px}
  .mobile-sections[open]>summary::after{content:"−"}
  .mobile-place-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;padding:8px 0 12px}
  .mobile-place-links>a,.mobile-place-links .nav-menu>summary{display:flex;align-items:center;min-height:44px;margin:0;font-size:14px}
  .mobile-place-links .nav-menu[open]{grid-column:1/-1}
  .mobile-place-links .nav-menu>div{position:static;width:100%;min-width:0;max-width:100%;padding:4px 12px;border:0;border-left:1px solid var(--stone)}
  .mobile-place-links .nav-menu>div a{display:flex;align-items:center;min-height:44px;margin:0}
  .mobile-place-links .nav-submenu>summary{display:flex;align-items:center;min-height:44px;font-size:14px}
  .cards{grid-template-columns:minmax(0,1fr)}
  .dec,.dec li{grid-template-columns:minmax(0,1fr)}
  .heading-row{align-items:flex-start;flex-wrap:wrap;gap:12px}
  .selected-gallery{grid-template-columns:minmax(0,1fr)}
  .official-records dl{grid-template-columns:minmax(0,1fr)}
  .official-records dt{padding-bottom:0;border-bottom:0}
  .official-records dd{padding-top:3px}
  .person-menu{width:100%}
  .person-menu>summary{display:flex;align-items:center;min-height:44px;font-size:14px}
  .person-menu>div{position:static;min-width:0;max-width:100%;width:100%;padding:4px 12px;border:0;border-left:1px solid var(--stone)}
  .person-menu>div a{display:flex;align-items:center;min-height:44px}
  input,textarea,select{font-size:16px}
}

/* Public record pages retain intrinsic image proportions. */
.public-records{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.public-records .card{min-width:0}.public-records .selected-media{margin:24px 0 8px}.public-records img{width:auto;max-width:100%;height:auto;max-height:680px;object-fit:contain}.public-records h2{margin-bottom:18px}select{max-width:100%;font:inherit;padding:8px;border:1px solid var(--stone);background:var(--paper)}