/* The chronology is a paper exhibition, distinct from the dark memory rooms. */
body[data-mode="wall"]{--bg:#c4c3b6;--ink:#20211e;--muted:#53544c;--line:#292b2340;--accent:#6b462d;--surface:#e7e5e4;background:var(--bg);color:var(--ink);color-scheme:light}
body[data-mode="wall"] .header{background:#c4c3b6;border-color:#292b2330}
body[data-mode="wall"] .primary-nav .active{color:#20211e;border-color:#20211e}
body[data-mode="wall"] dialog{background:#e7e5e4}
.timeline-view{padding:0 var(--pad);max-width:1600px;margin:auto}
.timeline-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:40px 6%;align-items:center;padding:70px 0 35px;min-height:650px}
.timeline-intro .eyebrow{font-size:10px;letter-spacing:.18em}
.timeline-intro h1{font:400 clamp(48px,5.65vw,88px)/1.02 var(--serif);letter-spacing:-.055em;margin:35px 0 25px}
.timeline-intro h1 em{font-weight:400}
.timeline-deck{font-size:16px;line-height:1.8;color:#53544c}
.timeline-start{display:flex;align-items:center;gap:50px;padding:15px 0;border-bottom:1px solid #292b2350;margin-top:25px;font-size:13px}
.timeline-start span{font-size:24px}
.timeline-hero-photo{text-align:left;align-self:center;transform:rotate(2deg);padding:12px 12px 0;background:#e7e5e4;box-shadow:0 14px 24px #24272020;transition:transform .6s}
.timeline-hero-photo:hover{transform:rotate(0) translateY(-4px)}
.timeline-hero-photo .archive-image{width:100%;aspect-ratio:1.55;object-fit:cover}
.timeline-hero-photo>span{display:flex;align-items:center;gap:18px;padding:20px 6px;font-size:9px;letter-spacing:.12em}
.timeline-hero-photo b{font:22px var(--serif);letter-spacing:0;font-weight:400}.timeline-hero-photo i{font-style:normal;font-size:24px;margin-left:auto}
.timeline-intro-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #292b2350;padding-top:25px;margin-top:20px;gap:25px}
.timeline-intro-bottom>span{font:30px var(--serif)}.timeline-intro-bottom small{font:9px Arial,sans-serif;letter-spacing:.12em}.timeline-intro-bottom p{font-size:12px;color:#53544c;line-height:1.8}
.timeline-tools{scroll-margin-top:15px;border-top:1px solid #292b2350;padding:24px 0 12px;margin-top:30px}
.timeline-filter-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.timeline-categories{display:flex;flex-wrap:wrap;gap:6px}.timeline-categories button{padding:9px 13px;min-height:44px;font-size:12px;border:1px solid transparent;border-radius:3px}.timeline-categories button[aria-pressed="true"]{background:#24251f;color:#f0eee6}.timeline-categories button:hover{border-color:#292b2350}
.timeline-search{min-width:190px;width:23%}.timeline-search input{width:100%;background:transparent;border:0;border-bottom:1px solid #292b2360;border-radius:0;font:13px Arial;color:#20211e;padding:13px 1px;outline-offset:4px;min-height:44px}.timeline-search input::placeholder{color:#53544c}
.timeline-decades{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.timeline-decades button{font:16px var(--serif);min-height:44px;padding:8px 2px;border-bottom:1px solid transparent}.timeline-decades button[aria-pressed="true"]{border-color:#20211e}.timeline-status{display:flex;justify-content:space-between;font-size:11px;color:#53544c;padding:20px 0 0}.timeline-status button{font-size:11px;min-height:44px}
.decade-section{display:grid;grid-template-columns:27% 1fr;gap:40px;border-top:1px solid #292b2350;padding:55px 0 65px;position:relative}
.decade-marker{align-self:start;position:sticky;top:35px}.decade-marker h2{font:400 clamp(60px,7vw,112px)/1 var(--serif);letter-spacing:-.055em;margin:30px 0 25px}.decade-marker h2 small{display:block;font-size:26px;letter-spacing:-.02em;padding-top:12px}.decade-marker p{font-size:12px;line-height:1.8;color:#53544c}
.decade-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px;row-gap:55px}.time-card{min-width:0}.time-card-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:17px;font-size:10px;letter-spacing:.04em;color:#53544c}.time-card-label span:last-child{text-align:right}
.flip-card{width:100%;display:block;padding:0;position:relative;perspective:1300px;aspect-ratio:1/1.08;text-align:left;border-radius:3px}
.flip-inner{height:100%;width:100%;display:block;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1);transform:rotate(var(--card-angle))}
.flip-card:hover .flip-inner{transform:rotate(0) translateY(-5px)}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}
.flip-front,.flip-back{position:absolute;inset:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px;box-shadow:0 8px 20px #22251b18;background:#e7e5e4;overflow:hidden}
.flip-front{padding:11px}.flip-front>.archive-image{display:block;width:100%;height:calc(100% - 40px);flex:1;min-height:0;background:#d5d3c9}.flip-front>.portrait-image{background:#292721}
.flip-hint{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;padding:12px 5px 0;color:#5c5b54;min-height:40px}.flip-hint b{font-size:22px;font-weight:400;line-height:1}
.flip-back{transform:rotateY(180deg);padding:28px 26px;justify-content:space-between;gap:12px}.back-kicker{font-size:8px;letter-spacing:.18em;color:#666458}.back-title{font:26px/1.12 var(--serif)}.back-summary{font-size:13px;line-height:1.6;color:#53544c}.back-return{font-size:10px;padding-top:12px;border-top:1px solid #292b2330}
.time-card h3{font:27px/1.15 var(--serif);margin:26px 0 7px;letter-spacing:-.025em}.story-open{font-size:12px;display:flex;align-items:center;gap:35px;min-height:44px;border-bottom:1px solid #292b2330;padding:8px 0}.story-open span{font-size:20px}.story-open:hover{border-color:#20211e}
.type-cover{height:100%;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:20px}.type-cover span{font-size:9px;letter-spacing:.12em}.type-cover strong{font:35px/1.1 var(--serif);overflow-wrap:anywhere}
.timeline-empty{text-align:center;padding:90px 20px;border-top:1px solid #292b2350}.timeline-empty h2{font:40px var(--serif);margin-bottom:25px}.timeline-empty button{border-bottom:1px solid;padding:15px;margin-top:20px}
.timeline-ending{border-top:1px solid #292b2350;padding:75px 0 90px}.timeline-ending h2{font:clamp(40px,5vw,70px)/1.06 var(--serif);margin:30px 0;letter-spacing:-.04em}.timeline-ending p{max-width:530px;line-height:1.8;font-size:14px;color:#53544c}.timeline-ending>a{display:inline-block;font-size:12px;margin:30px 30px 0 0;border-bottom:1px solid #292b2340;padding:12px 0}
.history-dialog{max-width:1100px}.history-sources{margin-top:35px;display:grid;gap:35px}.history-sources figure{margin:0}.history-sources .archive-image{width:100%;max-height:65vh;background:#d6d3ca}.history-sources figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:10px 0;font-size:11px;color:var(--muted)}.history-sources figcaption a{padding:12px 0;text-decoration:underline}
/* Real director wall: scale the photograph, not a simulated school building. */
.director-exhibition{max-width:1400px;padding:55px var(--pad) 80px;margin:auto}.director-heading h1{font:clamp(52px,7.6vw,108px)/1.02 var(--serif);letter-spacing:-.035em;margin:28px 0}.director-heading h1 em{font-weight:400;color:var(--accent)}.director-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.8}.director-room{display:grid;grid-template-columns:minmax(260px,450px) 1fr;gap:clamp(40px,8vw,130px);align-items:center;margin:60px 0}.director-wall{position:relative;margin:0;box-shadow:0 0 70px #b28d4720;isolation:isolate}.director-wall>img{width:100%;height:auto;filter:sepia(.08) brightness(.85)}.director-wall-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#fff1 48%,transparent 65%);pointer-events:none;animation:wall-glow 12s ease-in-out infinite alternate}.director-wall figcaption{position:absolute;bottom:-32px;left:0;font-size:9px;letter-spacing:.16em;color:var(--muted)}.director-hotspot{position:absolute;outline:1px solid #e6c78d80;background:#e9c97e08;transition:box-shadow .4s,background .4s}.director-hotspot:hover,.director-hotspot:focus-visible{background:#e9c97e16;box-shadow:0 0 0 3px #d5b07299,0 0 30px #d5b07270}.director-hotspot>span{position:absolute;bottom:0;right:0;display:flex;gap:10px;background:#16130ee8;color:#f4d79d;font-size:10px;padding:6px 8px}.director-hotspot b{font-weight:400}.director-register>.eyebrow{margin-bottom:30px}.director-name{width:100%;display:grid;grid-template-columns:35px 1fr 25px;gap:18px;text-align:left;align-items:center;border-top:1px solid var(--line);padding:25px 0}.director-name:last-of-type{border-bottom:1px solid var(--line)}.director-index{align-self:start;color:var(--accent);font:14px var(--serif);padding-top:4px}.director-name small{font-size:11px;color:var(--accent)}.director-name strong{display:block;font:clamp(24px,3vw,37px)/1.2 var(--serif);margin:8px 0}.director-name>span>span{font-size:13px;color:var(--muted)}.director-name>b{font-size:22px;font-weight:400;transition:transform .3s}.director-name:hover>b{transform:translate(3px,-3px)}.director-next{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:40px;margin-top:80px}.director-next p{font:30px/1.4 var(--serif)}.director-next a{display:flex;align-items:center;gap:20px;font-size:13px;min-height:44px}
@keyframes wall-glow{from{opacity:.2}to{opacity:.8}}
@media(max-width:1000px){.timeline-intro h1{font-size:60px}.timeline-filter-row{align-items:start;flex-direction:column;gap:12px}.timeline-search{width:100%}.decade-section{grid-template-columns:21% 1fr;gap:30px}.decade-cards{gap:40px 24px}.decade-marker h2{font-size:64px}.back-title{font-size:23px}.back-summary{font-size:12px}.flip-back{padding:20px;gap:8px}.director-room{gap:45px}.director-name{gap:12px;grid-template-columns:25px 1fr 20px}}
@media(max-width:750px){.timeline-intro{grid-template-columns:1fr;padding-top:40px;gap:40px;min-height:0}.timeline-intro h1{font-size:clamp(44px,8.8vw,66px);margin-top:25px}.timeline-intro-copy{max-width:600px}.timeline-hero-photo{width:90%;max-width:520px;justify-self:center}.timeline-intro-bottom{margin-top:10px;align-items:start}.timeline-intro-bottom p{max-width:230px;font-size:11px}.decade-section{grid-template-columns:1fr;padding-top:35px;gap:35px}.decade-marker{position:static}.decade-marker h2{font-size:74px;margin:17px 0 12px}.decade-marker h2 small{display:inline-block;font-size:25px;padding:0 0 0 10px}.decade-marker p{font-size:12px}.director-room{grid-template-columns:1fr}.director-wall{width:min(100%,450px);justify-self:center}.director-register{margin-top:20px}.director-heading h1{font-size:65px}.director-next{flex-direction:column;align-items:start}.time-card h3{font-size:26px}}
@media(max-width:480px){.timeline-intro .eyebrow{font-size:9px}.timeline-intro h1{font-size:45px}.timeline-deck{font-size:14px}.timeline-intro-bottom{flex-direction:column;gap:18px}.timeline-intro-bottom p{max-width:none}.timeline-intro-bottom>span{font-size:27px}.timeline-hero-photo>span{font-size:8px;gap:12px}.timeline-hero-photo b{font-size:21px}.timeline-categories{gap:2px}.timeline-categories button{padding:8px 10px;font-size:11px}.timeline-decades{gap:9px 15px}.timeline-decades button{font-size:15px}.decade-cards{grid-template-columns:1fr;gap:40px}.time-card{max-width:440px}.flip-card{aspect-ratio:1/1.06}.flip-back{padding:28px}.back-title{font-size:29px}.back-summary{font-size:14px}.director-exhibition{padding-top:35px}.director-heading h1{font-size:54px}.director-name strong{font-size:29px}.director-name{padding:23px 0}.director-next p{font-size:27px}.history-sources figcaption{align-items:start}.timeline-ending h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.flip-inner,.flip-card:hover .flip-inner{transform:none;transition:none}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.director-wall-light{animation:none}.timeline-hero-photo{transition:none}}