:root{--sage:#426653;--deep:#0D5630;--royal:#D4AF37;--bronze:#B8860B;--pure:#F3CD29;--cream:#E6DFD4;--stripe:#FAF9F6;--ink:#181818;--grey:#595959;--brown:#57473A;--rule:#D8D4CA;--border:#D1D5DB}
*{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:'Roboto Condensed',sans-serif;font-size:18px;line-height:1.4;-webkit-font-smoothing:antialiased}
main{display:block;outline:0}
main img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:'Fjalla One',sans-serif;font-weight:400;line-height:1.15;margin:0;text-wrap:balance}
p{margin:0}
.shell{width:min(1180px,100% - 48px);margin-inline:auto}
main a:focus-visible,dialog button:focus-visible{outline:3px solid var(--bronze);outline-offset:3px}
.crumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:24px 0;font-size:15px;line-height:1.3}
.crumb a{text-underline-offset:3px}
.kicker{display:flex;flex-wrap:wrap;margin:0;font-size:15px;font-weight:700;line-height:1.3}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border:2px solid;font-family:'Fjalla One',sans-serif;font-size:17px;line-height:1.2;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}
.btn--gold{background:var(--royal);border-color:var(--royal);color:var(--ink)}
.btn--gold:hover{background:var(--bronze);border-color:var(--bronze);color:#fff}
.btn--line{background:#fff;border-color:var(--bronze);color:var(--deep)}
.btn--line:hover{background:#F6EFD7}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.zoom-card{display:block;background:#fff;border:1px solid var(--border);color:var(--ink);text-decoration:none;transition:border-color .2s ease}
.zoom-card:hover{border-color:var(--bronze)}
.zoom-card__image{display:block}
.zoom-card__image img{margin-inline:auto}
.zoom-card__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--rule)}
.zoom-card__cap{flex:1 1 200px;font-size:15px;line-height:1.35;color:var(--grey)}
.zoom-card__cue{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;line-height:1.3;color:var(--deep);white-space:nowrap}
.zoom-card:hover .zoom-card__cue{text-decoration:underline;text-underline-offset:3px}
.expand-icon{flex:none}
.lightbox{width:min(920px,100% - 16px);max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;background:#fff;color:var(--ink);overflow:auto}
.lightbox::backdrop{background:rgba(0,0,0,.86)}
.lightbox__frame{display:flex;flex-direction:column}
.lightbox__bar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid var(--rule)}
.lightbox__bar button{min-height:44px;padding:8px 16px;border:2px solid var(--bronze);background:#fff;color:var(--deep);font:400 16px/1.2 'Fjalla One',sans-serif;cursor:pointer;transition:background-color .2s ease}
.lightbox__bar button:hover{background:#F6EFD7}
.lightbox__bar [data-lightbox-close]{margin-left:auto;background:var(--royal);border-color:var(--royal);color:var(--ink)}
.lightbox__bar [data-lightbox-close]:hover{background:var(--bronze);border-color:var(--bronze);color:#fff}
.lightbox__stage{display:flex;justify-content:center;padding:clamp(4px,1.5vw,16px);background:#fff}
.lightbox__stage img{display:block;width:100%;height:auto;max-height:calc(100dvh - 210px);object-fit:contain}
.lightbox__cap{padding:12px 16px 16px;font-size:16px;line-height:1.35;color:var(--grey);border-top:1px solid var(--rule)}
/* Variation B: exhibit. One warm canvas holds the title and the announcement as a framed exhibit. */
.hero{background:var(--stripe);padding-bottom:clamp(48px,6vw,88px);border-bottom:1px solid var(--rule)}
.crumb a{color:var(--deep)}.crumb span{color:var(--grey)}.crumb span[aria-hidden]{color:var(--bronze)}
.hero__copy{display:grid;justify-items:center;text-align:center;gap:20px;padding-top:clamp(16px,3vw,40px)}
.kicker{gap:6px 20px;justify-content:center;color:var(--brown)}
.kicker::before,.kicker::after{content:"";align-self:center;width:clamp(20px,5vw,64px);height:1px;background:var(--bronze)}
h1{font-size:clamp(38px,5.4vw,76px);max-width:1040px;color:var(--deep)}
.hero__lead{max-width:720px;font-size:clamp(20px,1.8vw,24px);line-height:1.4}
.exhibit{margin-top:clamp(40px,5vw,72px);display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,40px)}
.exhibit__side{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:700;line-height:1.3;color:var(--grey);white-space:nowrap}
.exhibit__side:last-child{transform:none}
.exhibit__frame{position:relative;flex:0 1 600px;min-width:0}
.corner{position:absolute;z-index:1;width:24px;height:24px;pointer-events:none}
.corner--tl{top:-1px;left:-1px;border-top:3px solid var(--royal);border-left:3px solid var(--royal)}
.corner--tr{top:-1px;right:-1px;border-top:3px solid var(--royal);border-right:3px solid var(--royal)}
.corner--bl{bottom:-1px;left:-1px;border-bottom:3px solid var(--royal);border-left:3px solid var(--royal)}
.corner--br{bottom:-1px;right:-1px;border-bottom:3px solid var(--royal);border-right:3px solid var(--royal)}
.zoom-card--exhibit img{width:100%}
.reading{padding:clamp(56px,7vw,96px) 0;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.reading__copy{display:grid;gap:24px;font-size:19px}
.statement{font-size:clamp(24px,2.4vw,32px);line-height:1.3;color:var(--deep)}
.zoom-card--plaque .zoom-card__image{padding:20px}
.zoom-card--plaque img{width:min(100%,240px);clip-path:ellipse(48% 48.5% at 50% 49.5%)}
.ways{background:var(--sage);color:#fff;padding:clamp(56px,7vw,96px) 0}
.ways__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,88px)}
.ways__head{display:grid;gap:16px;align-content:start}
.ways h2{font-size:clamp(34px,3.8vw,52px)}
.ways__head p{font-size:clamp(19px,1.7vw,22px)}
.ways__list{list-style:none;margin:0;padding:0}
.ways__list li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 32px;padding:24px 0;border-top:1px solid #B3C2BA}
.ways__list li:first-child{border-top:3px solid var(--pure)}
.ways__list li:last-child{border-bottom:1px solid #B3C2BA}
.ways__list h3{font-size:clamp(24px,2.2vw,30px)}
.action-row{padding:clamp(40px,5vw,64px) 0}
.action-row .actions{justify-content:center}
.related{border-top:1px solid var(--rule);padding:clamp(48px,6vw,80px) 0}
.related h2{font-size:clamp(30px,3vw,40px);color:#000;margin-bottom:24px}
.related__grid{display:grid;border-bottom:1px solid var(--rule)}
.story{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:6px 32px;align-items:baseline;padding:20px 0;border-top:1px solid var(--rule);text-decoration:none;color:var(--deep)}
.story:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--bronze)}
.story small{font-size:15px;font-weight:700;line-height:1.3;color:var(--brown)}
.story strong{font:400 clamp(22px,2vw,26px)/1.2 'Fjalla One',sans-serif}
@media(max-width:900px){
  .reading{grid-template-columns:minmax(0,240px) minmax(0,1fr)}
  .zoom-card--plaque .zoom-card__foot{padding:12px 16px}
  .ways__grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .exhibit__side{display:none}
  .reading{grid-template-columns:minmax(0,1fr)}
  .ways__list li,.story{grid-template-columns:minmax(0,1fr)}
  .btn{width:100%;justify-content:space-between}
}