/* Reconstruction of the real wall. All visual rules are scoped to this room. */
.history-view{--paper:#e5ddca;--paper-ink:#23251f;--paper-muted:#636052;--ochre:#8b5d35;padding-bottom:70px}
.history-view .view-heading{max-width:1000px}.history-navigation{border-top:1px solid var(--line);padding:22px 0 12px}.wall-years{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.wall-years button{font:23px var(--serif);min-height:48px;min-width:70px;padding:9px 14px;border:1px solid var(--line);transition:background .2s,color .2s}.wall-years button[aria-current],.wall-years button:hover{background:var(--accent);color:#171813;border-color:var(--accent)}.history-reading{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);margin:15px 0 24px}.history-reading p{max-width:650px}.history-desktop-hint{white-space:nowrap;color:var(--accent)}
.digital-wall-viewport{background:var(--paper);color:var(--paper-ink);overflow-x:auto;scrollbar-color:#8b7350 #d4cbb7;scrollbar-width:thin;border:1px solid #af9d78;box-shadow:0 20px 60px #0003;overscroll-behavior-x:contain}.digital-wall-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.digital-wall{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:320px;gap:0;margin:0;padding:36px 26px 48px;width:max-content;position:relative;background:radial-gradient(ellipse at top,#fff5,transparent 65%)}.digital-wall:before{content:'';position:absolute;top:554px;left:0;right:0;height:7px;background:#23251f}.history-period{position:relative;display:grid;grid-template-rows:485px 94px 485px;padding:0 18px;scroll-margin:110px 28px}.history-axis-date{grid-row:2;align-self:start;position:relative;padding-top:24px;font:700 44px/1 var(--serif);letter-spacing:-.045em;z-index:1}.history-dot{position:absolute;top:37px;left:0;width:19px;height:19px;background:#23251f;border-radius:50%;transform:translate(-50%,-50%)}.history-axis-date>span:last-child{display:block;position:relative;top:44px;background:var(--paper);width:max-content;padding-right:8px}.history-period:nth-child(even) .history-axis-date>span:last-child{top:-31px}.history-event{grid-row:1;position:relative;align-self:end;background:#f4eee2;border:1px solid #9a8a6d66;padding:18px;box-shadow:0 7px 18px #30271413;transition:box-shadow .3s,border-color .3s;min-width:0}.history-period:nth-child(even) .history-event{grid-row:3;align-self:start}.history-event:after{content:'';position:absolute;left:-1px;bottom:-39px;height:38px;border-left:2px solid #23251f}.history-period:nth-child(even) .history-event:after{bottom:auto;top:-58px;height:57px}.history-period.is-active .history-event{border-color:#936432;box-shadow:0 7px 24px #68481e35}.history-period.is-active .history-dot{background:#ad7739;box-shadow:0 0 0 5px #ad773933}.history-period.is-active .history-axis-date{color:#885623}
.history-event-index{font-size:8px;letter-spacing:.15em;color:var(--paper-muted);margin-bottom:12px}.history-event figure{margin:0 0 15px}.history-photo-button{position:relative;display:block;width:100%;padding:0;background:#d2c7b2}.history-photo-button .wall-fragment{height:135px;width:100%;display:block}.history-photo-button>span{position:absolute;bottom:0;right:0;background:#20211cdc;color:#fff0cf;padding:3px 9px}.history-photo-button:hover{outline:2px solid #8b5d35}.history-event figcaption{font-size:10px;line-height:1.5;color:var(--paper-muted);margin-top:8px}.history-event h2{font:25px/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 12px}.history-event-body{font-size:12px;line-height:1.7}.history-read{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;font-size:11px;color:#7b4b27;padding:12px 0 0;margin-top:12px;border-top:1px solid #93826855;text-align:left}.history-unknown{border-top:1px solid #a99a7f;border-bottom:1px solid #a99a7f;padding:18px 0;margin-bottom:18px}.history-unknown>span{font:60px var(--serif);color:#a99a7f}.history-unknown p{font-size:12px;color:var(--paper-muted)}
.history-source{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:70px;padding:40px 0;border-top:1px solid var(--line)}.history-source h2{font:42px/1.1 var(--serif);margin:20px 0}.history-source h2 em{color:var(--accent);font-weight:400}.history-source p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:440px}.history-source-open{min-height:48px;margin-top:20px;padding:10px 15px;border:1px solid var(--line);color:var(--accent);text-align:left;font-size:13px}.history-source-thumb{padding:8px;border:1px solid var(--line);transform:rotate(-2deg);transition:transform .25s}.history-source-thumb:hover{transform:rotate(0)}.history-source-thumb img{width:100%;height:auto}.history-original{width:100%;height:auto;margin:24px 0}.history-dialog .wall-fragment{display:block;width:100%;max-height:55vh;background:#2c2c25}.wall-detail{margin:24px 0}.wall-detail figcaption{font-size:12px;color:var(--muted);margin-top:10px}.history-dialog .archive-caution{margin:22px 0;padding:16px;border-left:2px solid var(--accent)}.history-dialog .text-link{display:inline-block;min-height:44px;padding:12px 0}.history-related-note{font-size:12px;color:var(--muted);margin-top:22px}.history-awaiting{padding:40px 0}
@media(max-width:700px){.wall-years{gap:6px}.wall-years button{flex:1 0 56px;font-size:20px;padding:8px;min-width:56px}.history-reading{font-size:12px}.history-desktop-hint{display:none}.digital-wall-viewport{overflow:visible;background:transparent;border:0;box-shadow:none}.digital-wall{display:block;width:auto;padding:0 0 0 22px;background:none}.digital-wall:before{top:0;bottom:0;left:6px;right:auto;width:4px;height:auto;background:var(--accent)}.history-period{display:block;padding:0 0 35px;scroll-margin-top:100px}.history-axis-date{color:var(--ink);padding:0 0 18px;font-size:42px}.history-axis-date>span:last-child,.history-period:nth-child(even) .history-axis-date>span:last-child{top:0;background:transparent}.history-dot{left:-14px;top:22px;width:14px;height:14px;background:var(--accent)}.history-period.is-active .history-axis-date{color:var(--accent)}.history-event{padding:20px;color:var(--paper-ink)}.history-event:after{display:none}.history-event-index{font-size:9px}.history-event-body{font-size:14px;line-height:1.8}.history-event h2{font-size:28px}.history-photo-button .wall-fragment{height:165px}.history-event figcaption{font-size:11px}.history-read{font-size:12px}.history-source{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:30px}.history-source h2{font-size:36px}.history-source-thumb{transform:none}.history-view .view-heading h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.history-event,.history-source-thumb,.wall-years button{transition:none}}
/* Typeset pages from the anniversary booklet; isolated from the museum wall. */
.history-additions{margin:90px 0 50px;border-top:1px solid var(--line);padding-top:55px}.history-editorial-heading{max-width:760px;margin-bottom:44px}.history-editorial-heading h2{font:clamp(40px,5vw,68px)/1.05 var(--serif);letter-spacing:-.035em;margin:20px 0}.history-editorial-heading h2 em{color:var(--accent);font-weight:400}.history-editorial-heading>p:last-child{color:var(--muted);max-width:560px}.school-building-story,.school-memorial{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:55px;align-items:center;margin:40px 0 65px}.history-additions figure{margin:0;min-width:0}.history-additions figure svg{display:block;width:100%;height:auto;background:#292821}.history-additions figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.history-additions h3{font:clamp(28px,3vw,40px)/1.13 var(--serif);letter-spacing:-.02em;margin:12px 0 22px}.history-additions p{line-height:1.85}.history-editorial-note{font-size:13px;color:var(--muted);line-height:1.8;max-width:820px}.school-milestones{list-style:none;padding:0;margin:50px 0 65px;display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.school-milestones li{display:grid;grid-template-columns:80px 1fr;gap:20px;border-top:1px solid var(--line);padding:25px 0}.school-milestones li>span{font:32px var(--serif);color:var(--accent)}.school-milestones h3{font-size:25px;margin:3px 0 12px}.school-milestones p{font-size:14px;color:var(--muted);margin:0}.school-archive-numbers{background:var(--paper);color:var(--paper-ink);padding:40px;margin:55px 0}.school-archive-numbers .eyebrow,.school-archive-numbers .history-editorial-note{color:#686050}.school-archive-numbers dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:35px 0}.school-archive-numbers dt{font:clamp(28px,3.5vw,43px) var(--serif);letter-spacing:-.03em}.school-archive-numbers dd{margin:10px 0 0;font-size:13px;line-height:1.7;color:#686050}.history-additions details{border-top:1px solid #8c816655;padding:18px 0}.history-additions summary{cursor:pointer;min-height:44px;display:list-item;font-size:15px;line-height:1.7;padding:8px 0}.history-additions details p{font-size:14px}.school-culture-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:65px 0}.school-culture-columns ul{list-style:none;padding:0}.school-culture-columns li{border-top:1px solid var(--line);padding:15px 0;font-size:14px;line-height:1.8}.school-award-year{font:20px var(--serif);color:var(--accent);margin-right:10px}.school-anthem{border-top:1px solid var(--line);padding:40px 0 15px}.school-anthem-languages{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:20px 0}.school-anthem-languages h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.school-anthem-languages p{font:21px/1.85 var(--serif)!important}.school-memorial{border-top:1px solid var(--line);padding-top:50px}.school-memorial .text-link{min-height:44px;display:inline-block;padding:10px 0}
@media(max-width:700px){.history-additions{margin-top:55px;padding-top:35px}.school-building-story,.school-memorial,.school-culture-columns,.school-anthem-languages,.school-milestones{grid-template-columns:minmax(0,1fr);gap:25px}.school-milestones{gap:0}.school-milestones li{grid-template-columns:65px minmax(0,1fr);gap:16px}.school-milestones li>span{font-size:29px}.school-archive-numbers{padding:25px 20px}.school-archive-numbers dl{grid-template-columns:1fr 1fr;gap:28px 18px}.school-archive-numbers dt{font-size:30px}.school-culture-columns{gap:40px}.school-memorial{margin-top:45px}.history-editorial-heading h2{font-size:43px}}