.history-page{background:var(--paper)}
.history-page em{color:#8f6b32;font-style:normal}
.history-page h1,.history-page h2,.history-page h3{font-family:Georgia,serif;font-weight:400}
.history-page p{max-width:72ch}
.history-header{position:relative}
.history-hero{align-items:center;background:var(--deep);color:var(--stone);display:flex;min-height:calc(100vh - 84px);overflow:hidden;position:relative}
.history-hero>img{filter:saturate(.72) contrast(1.06);height:100%;inset:0;object-fit:cover;position:absolute;width:100%}
.history-hero-shade{background:linear-gradient(90deg,rgba(3,19,35,.97) 0%,rgba(3,19,35,.79) 46%,rgba(3,19,35,.18) 78%),linear-gradient(0deg,rgba(3,19,35,.82),transparent 54%);inset:0;position:absolute}
.history-hero-copy{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,8vw,8rem);position:relative;z-index:2}
.history-hero h1{font-size:clamp(4.25rem,8vw,7rem);letter-spacing:-.04em;line-height:.88;margin:0;max-width:10ch}
.history-hero-copy>p{color:#d9e0e4;font-family:Georgia,serif;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.58;margin:2.5rem 0;max-width:54ch}
.history-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.history-date{align-items:center;border:1px solid rgba(208,174,106,.75);bottom:clamp(5rem,9vw,8rem);display:flex;flex-direction:column;padding:1.5rem 2rem;position:absolute;right:clamp(2rem,7vw,7rem);text-align:center;z-index:2}
.history-date strong{font-family:Georgia,serif;font-size:clamp(4rem,7vw,6.5rem);font-weight:400;letter-spacing:-.04em;line-height:.8}
.history-date span{color:var(--brass-light);font-size:.72rem;font-weight:700;letter-spacing:.2em;margin-top:1.1rem;text-transform:uppercase}
.history-date small{border-top:1px solid var(--brass);font-family:Georgia,serif;font-size:1rem;margin-top:1rem;padding-top:.75rem}
.history-credit{bottom:1rem;color:#d5dce0;font-size:.7rem;margin:0;position:absolute;right:1.25rem;z-index:2}
.history-shell{margin:0 auto;max-width:var(--max);padding:clamp(5rem,10vw,9rem) clamp(1.5rem,5vw,5rem)}
.history-heading h2,.history-timeline-head h2,.history-sources-head h2{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.035em;line-height:1;margin:0}
.history-origin-grid{border-top:1px solid var(--line-dark);display:grid;gap:clamp(3rem,9vw,9rem);grid-template-columns:1.15fr .85fr;margin-top:3.5rem;padding-top:2.5rem}
.history-origin-grid p{font-family:Georgia,serif;font-size:1.1rem}
.history-origin-grid .history-lead{font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.5;margin-top:0}
.history-origin-grid>div p:first-child{margin-top:0}
.history-evidence{align-items:center;background:var(--navy);color:var(--stone);display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:.8fr 1.2fr;margin-top:5rem;padding:2.5rem clamp(1.5rem,4vw,4rem)}
.history-evidence span{color:var(--brass-light);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.history-evidence h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;margin:.55rem 0 0}
.history-evidence p{color:#c5cfd5;margin:0}
.history-critical{background:var(--stone);padding:clamp(5rem,9vw,8rem) clamp(1.5rem,7vw,7rem)}
.history-critical-head{max-width:850px}
.history-critical-head h2{font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.03em;line-height:1.02;margin:0 0 3rem}
.history-critical-grid{border-top:1px solid var(--line-dark);display:grid;grid-template-columns:repeat(3,1fr)}
.history-critical-grid article{padding:2.5rem 2.5rem 0 0}
.history-critical-grid article+article{border-left:1px solid var(--line-dark);padding-left:2.5rem}
.history-critical-grid span{color:#7a5b29;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.history-critical-grid h3{font-size:1.65rem;line-height:1.15;margin:1rem 0}
.history-critical-grid p{color:#536170;margin-bottom:0}
.history-timeline{background:var(--paper)}
.history-timeline-head{align-items:end;display:grid;gap:clamp(3rem,9vw,9rem);grid-template-columns:1.1fr .9fr}
.history-timeline-head>p{color:#536170;font-family:Georgia,serif;font-size:1.15rem;margin:0 0 .6rem}
.timeline-list{margin:4rem auto 0;max-width:1180px}
.timeline-list article{display:grid;gap:2rem;grid-template-columns:180px 1fr;position:relative}
.timeline-list article:before{background:var(--brass);border:5px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--brass);content:'';height:14px;left:194px;position:absolute;top:.45rem;width:14px;z-index:2}
.timeline-list article:after{background:var(--line-dark);bottom:0;content:'';left:200px;position:absolute;top:.45rem;width:1px}
.timeline-list article:last-child:after{display:none}
.timeline-list time{color:#7a5b29;font-family:Georgia,serif;font-size:1.15rem;padding-top:.1rem;text-align:right}
.timeline-list article>div{border-bottom:1px solid var(--line-dark);margin-left:1.25rem;padding:0 0 3rem 2.5rem}
.timeline-list article+article>div,.timeline-list article+article time{padding-top:2.75rem}
.timeline-list article+article:before{top:3.2rem}
.timeline-list article+article:after{top:3.2rem}
.history-tag{border:1px solid #8d978f;color:#536170;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.12em;padding:.35rem .55rem;text-transform:uppercase}
.history-tag-debate{border-color:#a7695f;color:#7c332b}
.history-tag-context{border-color:#9b7c47;color:#765722}
.timeline-list h3{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1;margin:.85rem 0}
.timeline-list p{color:#536170;margin:0 0 1rem}
.timeline-list a{color:#765722;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.timeline-list a:hover{text-decoration:underline}
.timeline-document{background:var(--stone);border:1px solid var(--line-dark);display:grid;gap:1.5rem;grid-template-columns:minmax(160px,220px) 1fr;margin:1.75rem 0 0;max-width:780px;padding:1rem}
.document-preview{background:#d9cdb9;display:block;overflow:hidden}
.document-preview img{display:block;height:auto;transition:transform .35s ease;width:100%}
.document-preview:hover img{transform:scale(1.018)}
.timeline-document figcaption{align-self:center;padding:1rem 1rem 1rem 0}
.timeline-document figcaption>span{color:#765722;display:block;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.timeline-document strong{display:block;font-family:Georgia,serif;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.05;margin:.6rem 0}
.timeline-document figcaption>p{font-family:Georgia,serif;font-size:.95rem;margin:0 0 .85rem}
.timeline-document small{color:#536170;display:block;font-size:.68rem;line-height:1.5;text-transform:uppercase}
.document-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.25rem}
.history-chapters{background:var(--navy);color:var(--stone);padding:3rem clamp(1.5rem,7vw,7rem) 6rem}
.history-chapters article{border-top:1px solid var(--line-light);display:grid;gap:3rem;grid-template-columns:100px 1fr;margin:0 auto;max-width:1250px;padding:4rem 0}
.chapter-mark{color:var(--brass-light);font-family:Georgia,serif;font-size:3rem}
.history-chapters article>div{display:grid;gap:clamp(2rem,7vw,7rem);grid-template-columns:1.1fr .9fr}
.history-chapters h2{font-size:clamp(2.2rem,4vw,3.7rem);letter-spacing:-.025em;line-height:1.08;margin:0}
.history-chapters p{color:#bec9cf;font-family:Georgia,serif;font-size:1.05rem;margin:0}
.history-people{background:var(--stone);max-width:none;padding-left:clamp(1.5rem,7vw,7rem);padding-right:clamp(1.5rem,7vw,7rem)}
.history-people .history-heading{margin:0 auto 4rem;max-width:1340px}
.people-list{border-top:1px solid var(--line-dark);margin:auto;max-width:1340px}
.people-list article{align-items:center;border-bottom:1px solid var(--line-dark);display:grid;gap:2.5rem;grid-template-columns:150px 1fr;padding:2.25rem 0}
.person-portrait{margin:0;width:150px}
.person-portrait a{display:block;overflow:hidden;position:relative}
.person-portrait img{aspect-ratio:4/5;display:block;filter:grayscale(1) sepia(.12);height:auto;object-fit:cover;object-position:50% 22%;transition:filter .25s ease,transform .35s ease;width:100%}
.person-portrait a:hover img{filter:grayscale(.15) sepia(.05);transform:scale(1.025)}
.person-portrait figcaption{color:#536170;font-size:.58rem;letter-spacing:.045em;line-height:1.45;margin-top:.55rem;text-transform:uppercase}
.person-portrait figcaption span{color:#765722;display:block}
.people-list article>div{align-items:center;display:grid;gap:1rem;grid-template-areas:"years role bio" "name role bio";grid-template-columns:.55fr .95fr 1.5fr}
.person-years{color:#765722;font-size:.72rem;grid-area:years;letter-spacing:.12em;margin:0;text-transform:uppercase}
.people-list h3{font-size:2rem;grid-area:name;line-height:1;margin:0}
.people-list h4{font-size:.72rem;grid-area:role;letter-spacing:.1em;margin:0;text-transform:uppercase}
.people-list article>div>p:last-child{color:#536170;grid-area:bio;margin:0}
.history-civic{background:#d8ccb7;display:grid;gap:clamp(3rem,9vw,9rem);grid-template-columns:1fr 1fr;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,7vw,7rem)}
.history-civic h2{font-size:clamp(3rem,5.5vw,5rem);letter-spacing:-.03em;line-height:1;margin:0 0 2rem}
.history-civic>div>p{font-family:Georgia,serif;font-size:1.15rem}
.history-civic dl{border-top:1px solid rgba(12,32,53,.3);margin:0}
.history-civic dl>div{border-bottom:1px solid rgba(12,32,53,.3);padding:1.6rem 0}
.history-civic dt{font-family:Georgia,serif;font-size:1.4rem}
.history-civic dd{color:#536170;margin:.35rem 0 0}
.history-archives{display:grid;gap:clamp(3rem,7vw,7rem);grid-template-columns:.55fr 1.45fr}
.history-archives h2{font-size:clamp(2.8rem,4.5vw,4.2rem);letter-spacing:-.03em;line-height:1.04;margin:0}
.history-archives>div>p{color:#536170}
.archive-note{border-left:2px solid var(--brass);font-size:.8rem;margin-top:2rem;padding-left:1rem}
.archive-links{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.archive-links a{border:1px solid var(--line-dark);display:flex;flex-direction:column;padding:0 1.25rem 1.35rem;transition:background .2s ease,transform .2s ease}
.archive-links a:first-child{grid-column:1/-1}
.archive-links img{aspect-ratio:16/9;display:block;height:auto;margin:0 -1.25rem 1.25rem;object-fit:cover;object-position:50% 24%;width:calc(100% + 2.5rem)}
.archive-links a:not(:first-child) img{aspect-ratio:4/3}
.archive-links a:hover{background:var(--stone);transform:translateY(-4px)}
.archive-links span,.archive-links small{color:#765722;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.archive-links strong{font-family:Georgia,serif;font-size:1.5rem;line-height:1.15;margin:.8rem 0}
.history-sources{background:var(--paper)}
.history-sources-head{display:grid;gap:clamp(3rem,9vw,9rem);grid-template-columns:1fr 1fr}
.history-sources-head>p{color:#536170;font-family:Georgia,serif;font-size:1.15rem;margin:1rem 0 0}
.source-list{border-top:1px solid var(--line-dark);counter-reset:source;list-style:none;margin:4rem 0 0;padding:0}
.source-list li{counter-increment:source}
.source-list a{align-items:center;border-bottom:1px solid var(--line-dark);display:grid;gap:1rem;grid-template-columns:2.5rem .8fr 1.2fr 2rem;padding:1.35rem .5rem;transition:background .2s ease,padding .2s ease}
.source-list a:before{color:#765722;content:counter(source,decimal-leading-zero);font-size:.7rem}
.source-list strong{font-family:Georgia,serif;font-size:1.2rem}
.source-list span{color:#536170}
.source-list b{color:#765722;text-align:right}
.source-list a:hover{background:var(--stone);padding-left:1rem}
.history-sources details{border:1px solid var(--line-dark);margin-top:3rem;padding:1.25rem 1.5rem}
.history-sources summary{cursor:pointer;font-family:Georgia,serif;font-size:1.25rem}
.history-sources details p{color:#536170}
.history-close{align-items:center;background:var(--navy);color:var(--stone);display:flex;flex-direction:column;padding:clamp(6rem,11vw,10rem) 1.5rem;text-align:center}
.history-close h2{font-size:clamp(3.5rem,7vw,6rem);letter-spacing:-.035em;line-height:.95;margin:0}
.history-close>p{color:#c4cfd5;font-family:Georgia,serif;font-size:1.2rem;margin:2rem 0}
.history-footer nav{flex-wrap:wrap}
.mason-day-action{margin-top:2rem}
@media(max-width:980px){
  .history-hero{min-height:760px}
  .history-date{bottom:3rem}
  .history-origin-grid,.history-timeline-head,.history-civic,.history-archives,.history-sources-head{grid-template-columns:1fr}
  .history-critical-grid{grid-template-columns:1fr}
  .history-critical-grid article,.history-critical-grid article+article{border-bottom:1px solid var(--line-dark);border-left:0;padding:2rem 0}
  .history-chapters article>div{grid-template-columns:1fr}
  .people-list article>div{grid-template-areas:"years role" "name role" "bio bio";grid-template-columns:1fr 1fr}

  .archive-links{grid-template-columns:1fr 1fr}
  .source-list a{grid-template-columns:2.5rem 1fr 2rem}
  .source-list span{grid-column:2/3}
  .source-list b{grid-column:3;grid-row:1/3}
}
@media(max-width:620px){
  .history-hero{align-items:flex-start;min-height:780px}
  .history-hero>img{object-position:68% center}
  .history-hero-copy{padding-top:5rem}
  .history-hero h1{font-size:clamp(3.5rem,17vw,5rem)}
  .history-date{bottom:2.5rem;left:auto;padding:1rem 1.25rem;right:1.5rem}
  .history-date strong{font-size:4rem}
  .history-date small{display:none}
  .history-credit{display:none}
  .history-actions{align-items:flex-start;flex-direction:column}
  .history-evidence{grid-template-columns:1fr}
  .timeline-list article{gap:1rem;grid-template-columns:78px 1fr}
  .timeline-list article:before{left:87px}
  .timeline-list article:after{left:93px}
  .timeline-list article>div{margin-left:.4rem;padding-left:1.6rem}
  .timeline-list time{font-size:.9rem}
  .timeline-document{grid-template-columns:1fr;padding:.8rem}
  .document-preview{max-width:320px}
  .timeline-document figcaption{padding:.5rem}
  .history-chapters article{gap:1rem;grid-template-columns:1fr}
  .chapter-mark{font-size:2rem}
  .people-list article{align-items:start;gap:1.25rem;grid-template-columns:92px 1fr}
  .person-portrait{width:92px}
  .person-portrait figcaption{font-size:.5rem}
  .people-list article>div{grid-template-areas:"years" "name" "role" "bio";grid-template-columns:1fr}

  .archive-links{grid-template-columns:1fr}
  .archive-links a:first-child{grid-column:auto}
  .source-list a{grid-template-columns:2rem 1fr 1.5rem}
  .history-footer nav{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.archive-links a,.source-list a,.person-portrait img,.document-preview img{transition:none}}