/* Reading surfaces accompany the distinct 3D rooms without covering their exhibits. */
#experience-dialog[data-scene="town"]{--room-dark:#3f514e;--room-ink:#2d4847;--room-accent:#8f553e;--room-pale:#e6ece7}
#experience-dialog[data-scene="battle"]{--room-dark:#303b3c;--room-ink:#293b41;--room-accent:#8d493c;--room-pale:#e3e2d9}
#experience-dialog[data-scene="occupation"]{--room-dark:#373f3b;--room-ink:#34483f;--room-accent:#7d4e35;--room-pale:#e5dfce}
#experience-dialog[data-scene="radio"]{--room-dark:#17384c;--room-ink:#1a4355;--room-accent:#966031;--room-pale:#dfe7e7}
#experience-dialog[data-scene="prison"]{--room-dark:#353d46;--room-ink:#37444a;--room-accent:#785b48;--room-pale:#e5e5e0}
#experience-dialog[data-scene="workshop"]{--room-dark:#3b3930;--room-ink:#4e4939;--room-accent:#8a542e;--room-pale:#ece1c9}
#experience-dialog[data-scene="listening"]{--room-dark:#482d39;--room-ink:#533642;--room-accent:#966c34;--room-pale:#e9dedb}
#experience-dialog[data-scene="celebration"]{--room-dark:#214a68;--room-ink:#204a67;--room-accent:#a24446;--room-pale:#edf0e7}
#experience-dialog[data-scene="honour"]{--room-dark:#283b3b;--room-ink:#304548;--room-accent:#81672b;--room-pale:#e5e5d8}
#experience-dialog[data-scene="memory"]{--room-dark:#30594e;--room-ink:#2f564b;--room-accent:#95613c;--room-pale:#e2ede4}
#experience-dialog[data-scene]{color:var(--room-ink);background:#faf7ef;border-color:var(--room-accent)}
#experience-dialog[data-scene] .experience-bar,#experience-dialog[data-scene] .experience-footer{background:var(--room-dark)}
#experience-dialog[data-scene] .experience-opening{background:linear-gradient(120deg,var(--room-pale),#fcfaf4);border-bottom:1px solid #c5bca9}
#experience-dialog[data-scene] .experience-opening h2,#experience-dialog[data-scene] h3,#experience-dialog[data-scene] h4{color:var(--room-ink)}
#experience-dialog[data-scene] .experience-lead,#experience-dialog[data-scene] .eyebrow,#experience-dialog[data-scene] .room-photo-date{color:var(--room-accent)}
#experience-dialog[data-scene] .experience-intro,#experience-dialog[data-scene] .experience-panel>p:not(.eyebrow),#experience-dialog[data-scene] .room-photograph figcaption p,#experience-dialog[data-scene] .room-media-caption>p{color:#43535b}
#experience-dialog[data-scene] .room-photographs-section{background:var(--room-pale)}
#experience-dialog[data-scene] .room-photo-button{background:#e4dfd2}
#experience-dialog[data-scene] .room-media-choice.active{background:var(--room-dark);border-color:var(--room-dark);color:#fff9ed}
#experience-dialog[data-scene] .room-media-choice.active strong{color:inherit}
#experience-dialog[data-scene] .room-media-choice.active span,#experience-dialog[data-scene] .room-media-choice.active small{color:#e5d3af}
#experience-dialog[data-scene] .room-audio-visual{background:radial-gradient(ellipse at 30% 20%,#f2deab1a,transparent 65%),var(--room-dark)}
#experience-dialog[data-scene] .room-audio-visual h4,#experience-dialog[data-scene] .room-external-prompt h4{color:#fff7e9}
#experience-dialog[data-scene] .room-audio-visual .eyebrow,#experience-dialog[data-scene] .room-external-prompt .eyebrow{color:#e5c69e}
#experience-dialog[data-scene] .experience-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
#experience-dialog[data-scene] .experience-panel{padding:24px;background:#fffdf7;border-top:3px solid var(--room-accent);box-shadow:0 4px 18px #24313d08}
#experience-dialog[data-scene] .experience-panel h3{font-size:27px}
#experience-dialog[data-scene] .room-source,#experience-dialog[data-scene] .room-source a{color:#55666b;font-size:10px}
.resistance-people{padding:40px 54px;background:var(--room-pale);border-bottom:1px solid #c8c0b1}
.resistance-people>h3{font:normal 33px/1.15 Georgia,serif;margin:0 0 27px}
.resistance-people>.eyebrow{font-size:9px}
.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.person-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;padding:23px;background:#fffdf8;border:1px solid #c5bda9;align-items:start}
.person-card:first-child{grid-column:1/-1;grid-template-columns:150px minmax(0,1fr);background:#f8f2e6}
.person-card figure{margin:0;min-width:0}
.person-card img{display:block;width:100%;max-height:215px;object-fit:contain;background:#d7d4c9}
.person-card figcaption{font-size:9px;line-height:1.6;color:#596366;margin-top:8px}
.person-card figcaption span{display:block;margin-top:5px}
.person-card figcaption a{color:inherit;text-decoration:none}
.person-copy .eyebrow{font-size:9px;line-height:1.6;margin:1px 0 8px;letter-spacing:.8px}
.person-copy h4{font:normal 28px/1.1 Georgia,serif;margin:0 0 13px}
.person-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#43535b;margin:0 0 14px}
.person-copy .person-distinction{font-size:10px!important;font-weight:bold;border-top:1px solid #d8d1c4;padding-top:10px}
.person-nameplate{min-height:165px;display:grid;place-items:center;background:var(--room-dark);color:#f4e6ca;font:normal 40px/1 Georgia,serif;border:6px double #988064}
.morse-note{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:38px 54px;background:#343a34;color:#f4ecd9;align-items:center}
#experience-dialog .morse-note h3{font:normal 29px/1.16 Georgia,serif;color:#f4ecd9;margin:10px 0 15px}
#experience-dialog .morse-note .eyebrow{color:#d9bd8a;font-size:9px}
.morse-note p:not(.eyebrow){font-size:11px;line-height:1.8;color:#d5d8cd}
.morse-code{padding:25px;border:1px solid #a28a63;background:#202c25}
.morse-code strong{display:block;font-size:11px;letter-spacing:3px;margin-bottom:20px;color:#f2ce8e}
.morse-code code{display:block;white-space:pre-wrap;line-height:2;letter-spacing:3px;font-size:18px;color:#fff7e7;overflow-wrap:anywhere}
.coq-shadow-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:25px;align-items:center;padding:30px 48px;background:radial-gradient(ellipse at 25% 50%,#61503b,#283b37 70%);color:#faf1db}
.coq-shadow-wall{min-width:0;aspect-ratio:16/9;display:grid;place-items:center}
.coq-shadow-wall video{width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 38%,#000b 60%,transparent 79%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,#000b 60%,transparent 79%)}
.coq-shadow-copy .eyebrow{font-size:9px;color:#d9bd8c}
.coq-shadow-copy h3{font:normal 31px/1.15 Georgia,serif;margin:0 0 17px;color:#f9edcf}
.coq-shadow-copy p:not(.eyebrow){font-size:13px;line-height:1.8;color:#e1dfcc}
.coq-shadow-copy button{margin:8px 0 13px;padding:12px 16px;border:1px solid #d7bc8d;border-radius:3px;color:#faf0d9;background:#ffffff08;text-align:left;font-size:12px}
.coq-shadow-copy button:hover{background:#ffffff1b}
.coq-shadow-copy small{display:block;font-size:9px;line-height:1.6;color:#c6cbbc}
.coq-posters-section{padding:38px 60px;background:#ded3bd;border-block:1px solid #bba784}
.coq-posters-section .coq-section-heading>p:last-child{max-width:760px;font-size:13px;line-height:1.85;color:#514a3b;margin:0 0 27px}
.coq-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.coq-posters .coq-photo-open{height:350px;min-height:0;padding:16px;background:#eee5d2;border-color:#a58a61}
.coq-posters .coq-photo-open img{max-height:100%;width:auto;object-fit:contain}
.coq-posters h3{font-size:25px}
.coq-posters .coq-photo-date{color:#7a492e}
.coq-posters .coq-photo figcaption p{color:#4e5147}
.coq-posters .coq-credit{color:#565645}
@media(max-width:850px){.people-grid{grid-template-columns:1fr}.person-card:first-child{grid-column:auto}.resistance-people,.morse-note{padding:32px}.coq-shadow-section{padding:28px 30px;gap:15px}.coq-posters-section{padding:32px 30px}.coq-posters{gap:18px}.coq-posters .coq-photo-open{height:290px}}
@media(max-width:600px){#experience-dialog[data-scene] .experience-panels{grid-template-columns:1fr;padding:25px 22px;gap:20px}#experience-dialog[data-scene] .experience-panel{padding:22px}.resistance-people,.morse-note{padding:28px 22px}.person-card,.person-card:first-child{grid-template-columns:94px minmax(0,1fr);gap:16px;padding:19px 15px}.person-copy h4{font-size:25px}.person-copy>p:not(.eyebrow){font-size:12px}.person-nameplate{min-height:135px;font-size:32px}.morse-note{grid-template-columns:1fr;gap:15px}.coq-shadow-section{grid-template-columns:1fr;padding:22px}.coq-shadow-copy h3{font-size:29px}.coq-shadow-wall{max-width:520px}.coq-posters-section{padding:28px 22px}.coq-posters{grid-template-columns:1fr;gap:30px}.coq-posters .coq-photo-open{height:390px;max-height:60dvh}.coq-posters .coq-photo h3{font-size:27px}.coq-posters .coq-photo-date{font-size:10px}.coq-posters .coq-credit{font-size:10px}.room-intro.compact{max-width:calc(100vw - 80px)}.room-intro.compact h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){.experience-dialog,.coq-dialog{scroll-behavior:auto}.room-sound-bars i{animation:none!important}}