@font-face {font-family:'Liberation Serif';src:url('assets/fonts/LiberationSerif-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family:'Liberation Serif';src:url('assets/fonts/LiberationSerif-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face {font-family:'Liberation Serif';src:url('assets/fonts/LiberationSerif-Italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
:root {
  --blue:#00529c; --ink:#192f47; --body:#344251; --muted:#56636e; --rule:#c4cacf;
  --paper:#fcfbf8; --serif:"Liberation Serif","Times New Roman",serif; --sans:Arial,Helvetica,sans-serif;
}
* {box-sizing:border-box}
html {scroll-padding-top:1rem}
body {margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--serif)}
.wrap {width:min(1160px,calc(100% - 9vw));margin-inline:auto}
a,button {color:inherit}
a {text-decoration:none}
button {padding:0;border:0;background:none;font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible {outline:3px solid #b36b18;outline-offset:4px}
.skip,.sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus {top:8px;left:8px;width:auto;height:auto;clip-path:none;background:white;padding:10px;z-index:3}
header {border-top:5px solid var(--blue)}
.mast {display:flex;align-items:center;justify-content:space-between;padding-block:19px;gap:20px}
.identity {display:flex;align-items:center;gap:19px}
.identity img {display:block;width:76px;height:76px}
.identity strong {display:block;font-size:clamp(24px,3.1vw,39px);font-weight:700;line-height:1.15;letter-spacing:-.025em}
.identity-sub,.place {font:13px/1.5 var(--sans);color:var(--muted)}
.identity-sub {display:block;margin-top:5px}
.place {font:italic 15px var(--serif)}
.navigation {display:flex;align-items:center;border-top:1px solid var(--ink);border-bottom:3px double var(--ink);gap:clamp(18px,3.5vw,54px);min-height:48px;font:15px var(--serif)}
.navigation a,.join-nav {padding-block:12px}
.navigation a:hover,.join-nav:hover,h3 a:hover,h3 button:hover {text-decoration:underline;text-underline-offset:4px}
.join-nav {margin-left:auto;color:var(--blue)}
.feature {display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:clamp(32px,4vw,60px);align-items:center}
.label {margin:0;font:700 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
h1,h2,h3,p,figure {margin:0}
h1 {margin:18px 0 12px;font-weight:400;font-size:clamp(64px,6.3vw,90px);letter-spacing:-.055em;line-height:.95}
h1 span {color:var(--blue);font-weight:400}
.edition {font-size:19px;color:var(--ink)}
.edition span {margin:0 5px;color:var(--muted)}
.summary {margin-top:18px;font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--body);max-width:52ch}
.read {display:flex;gap:18px;align-items:center;margin-top:23px}
.primary {background:var(--blue);color:white;padding:10px 23px;font-weight:bold}
.primary:hover {background:var(--ink)}
.read span,figcaption {font:12px/1.5 var(--sans);color:var(--muted)}
.mount {display:flex;justify-content:center;align-items:flex-start;background:#e1e7eb;border:1px solid #bdc7d0;border-top:3px solid var(--blue);padding:27px 7% 0;height:clamp(290px,27vw,370px);overflow:hidden}
.mount img {width:100%;height:auto;display:block;border:1px solid #bac2c9}
figcaption {display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:9px}
figcaption span:first-child {font:italic 14px var(--serif);color:var(--ink)}
.archive {border-top:3px double var(--ink)}
.archive-head {display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:19px 0 15px}
h2 {font:400 clamp(31px,3vw,42px)/1.15 var(--serif);letter-spacing:-.035em}
.filters {display:flex;gap:18px;font:14px var(--sans)}
.filters button {border-bottom:2px solid transparent;padding:6px 0;color:var(--muted)}
.filters button[aria-pressed=true] {color:var(--blue);border-color:var(--blue);font-weight:bold}
.entry {display:grid;grid-template-columns:150px 1fr 125px;align-items:center;gap:24px;border-top:1px solid var(--rule);padding-block:23px}
[hidden] {display:none!important}
.entry-meta {display:grid;gap:5px;font:13px/1.5 var(--serif);color:var(--muted)}
h3 {font:400 clamp(22px,2.1vw,29px)/1.2 var(--serif);letter-spacing:-.025em}
h3 button {text-align:left}
.entry p {margin-top:4px;color:var(--body);font-size:16px}
.entry-link,.join {color:var(--blue);text-decoration:underline;text-underline-offset:4px;font:15px/1.5 var(--serif)}
.entry .entry-link {justify-self:end;text-align:right}
.about {display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid var(--ink);padding:40px 0 50px}
.about h2 {margin-top:8px}
.about p:not(.label),dialog p:not(.label),dialog li {font-size:18px;color:var(--body);margin-bottom:12px}
footer {border-top:3px solid var(--blue);background:#edf0f1}
footer .wrap {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:24px}
footer a {font-size:14px;text-decoration:underline;text-underline-offset:3px}
dialog {background:var(--paper);color:var(--ink);padding:40px 35px 30px;border:1px solid var(--rule);border-top:4px solid var(--blue);width:min(540px,92vw);max-height:85vh}
dialog::backdrop {background:rgba(12,26,39,.42)}
dialog h2 {margin:16px 0}
dialog h3 {font-size:22px;margin:20px 0 8px}
dialog .label {padding-right:20px}
.close {position:absolute;right:10px;top:5px;font:28px var(--sans);width:36px;height:36px}
@media(max-width:760px) {
  .wrap {width:calc(100% - 40px)} .place {display:none}
  .mast {padding-block:14px} .identity {gap:13px} .identity img {width:60px;height:60px}
  .identity-sub {font-size:11px} .entry {grid-template-columns:105px 1fr;gap:8px 18px}
  .entry .entry-link {grid-column:2;justify-self:start;text-align:left}
}
@media(max-width:640px) {
  .navigation {gap:0;justify-content:space-between;font-size:14px;min-height:42px}
  .join-nav {margin:0} .feature {grid-template-columns:1fr;gap:26px}
  h1 br {display:none}
  h1 {font-size:clamp(44px,10vw,64px);line-height:1.03}
  .mount {height:clamp(220px,58vw,300px)} .archive-head {align-items:flex-start;flex-direction:column;gap:8px}
  .about {grid-template-columns:1fr;gap:16px} .entry {grid-template-columns:1fr;gap:8px}
  .entry-meta {display:flex;align-items:baseline;gap:12px} .entry .entry-link {grid-column:1}
}
@media(max-width:395px) {
  .wrap {width:calc(100% - 28px)} .navigation {font-size:13px}
  .identity img {width:50px;height:50px} .identity strong {font-size:22px} 
}
dialog:has(.event-gallery) {width:min(840px,94vw);padding:22px clamp(16px,3vw,35px)}
dialog:has(.event-gallery) h2 {margin:8px 0}
.event-gallery {border-block:1px solid var(--rule);padding:12px 0 16px}
.event-photo {display:block;width:100%;height:clamp(170px,42vh,460px);object-fit:contain;background:#ecedeb}
.photo-controls {display:flex;justify-content:space-between;gap:12px;margin-block:6px;color:var(--blue)}
.photo-controls button {padding:5px 0}
.photo-list {display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}
.photo-list button {padding:2px;border:2px solid transparent}
.photo-list button[aria-current=true] {border-color:var(--blue)}
.photo-list img {display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
@media(max-width:600px){.photo-list {grid-template-columns:repeat(5,minmax(0,1fr))}}
.edition-cover{display:grid;align-content:center;gap:14px;width:100%;height:100%;padding:20px;text-align:center;color:white;background:var(--blue)}.edition-cover strong{font:700 clamp(24px,4vw,48px) var(--serif)}