.hall-page{background:#111c1b}.hall-header{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #ffffff3b;font-size:11px;letter-spacing:.09em}.hall-header button{background:#e9ddc8;color:#16221c;border:0;padding:12px 15px}.hall-header a:hover{color:#c9a875}.hall-cover{height:min(670px,78vh);min-height:470px;position:relative}.hall-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.hall-cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101a18e9,transparent 90%),linear-gradient(90deg,#101a18ab,transparent)}.hall-cover-copy{position:absolute;left:9%;bottom:11%;max-width:900px}.hall-cover h1{font:400 clamp(50px,6.5vw,105px)/1.04 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:18px 0 24px}.hall-cover-copy>p:last-child{max-width:650px;font:italic 20px/1.5 'Playfair Display',serif}.hall-essay{padding-top:120px;padding-bottom:100px;max-width:1050px}.hall-essay h2{font-size:clamp(40px,5vw,70px)}.essay-intro{font:italic 23px/1.65 'Playfair Display',Georgia,serif;color:#e7d5b7;max-width:850px}.essay-body{white-space:pre-line;line-height:2;color:#c1c5b8;max-width:850px}.essay-empty{opacity:.68;font-style:italic}.hall-exhibits{padding-bottom:100px}.exhibit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hall-exhibit{min-width:0;border-top:1px solid #7b6f57;padding-top:16px}.hall-exhibit img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#283b35}.hall-exhibit h3{font:400 27px 'Playfair Display',Georgia,serif}.hall-exhibit p{color:#c0c4b8;line-height:1.65;white-space:pre-line}.hall-exhibit .placeholder-image{display:grid;place-items:center;width:100%;aspect-ratio:4/5;background:#23332e;color:#acaf9f;letter-spacing:.12em;font-size:10px;text-align:center;padding:15px}.hall-navigation{display:flex;justify-content:space-between;padding-bottom:65px;font-size:12px;color:#c9a875}#hall-editor{position:fixed;z-index:40;top:0;right:0;width:min(480px,100%);height:100dvh;overflow:auto;background:#e9ddc8;color:#15241e;padding:25px 25px 60px;box-shadow:-20px 0 80px #000a;font-size:13px}#hall-editor[hidden]{display:none}#hall-editor label{display:block;margin:14px 0 10px;font-weight:700}#hall-editor input,#hall-editor textarea{display:block;margin-top:6px;padding:11px;width:100%;max-width:100%;background:#fcf6eb;color:#14251c;border:1px solid #b9a88e;font:400 14px/1.45 'DM Sans',Arial,sans-serif}#hall-editor h3{font:400 24px 'Playfair Display',Georgia,serif;border-top:1px solid #b7a88f;padding-top:18px}#exhibit-fields>div{padding:14px 0;border-bottom:1px solid #c6b8a2}#exhibit-fields b{font-weight:600;color:#8c543e}#hall-editor .editor-primary{width:100%;padding:15px;background:#213d34;color:#f4ead9;border:0;margin-top:16px}#hall-save-status{font-size:12px;color:#285543}#hall-editor .editor-help{font-size:11px;color:#746b5f;line-height:1.6}@media(max-width:760px){.hall-header{gap:8px;font-size:9px}.hall-header>span{display:none}.hall-cover-copy{left:6%;right:6%}.hall-essay{padding-top:75px;padding-bottom:75px}.exhibit-list{grid-template-columns:1fr}.hall-cover{height:570px}.hall-cover h1{font-size:50px}}
.essay-body{color:#f0e9db;font-size:18px;line-height:1.95;letter-spacing:.01em}.essay-intro{color:#f6e1bf;font-size:25px}.hall-exhibit p{color:#e0ded3;font-size:15px}.hall-exhibit h3{color:#f7e8d0}.essay-empty{color:#c7c5b9;opacity:1}
.writers-section{padding-bottom:105px}.writers-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.writer-card{background:#1c2925;padding:15px 15px 24px;border:1px solid #675d48}.writer-card>img,.writer-placeholder{width:100%;height:410px;object-fit:cover;display:block}.writer-placeholder{display:grid;place-items:center;color:#e9d3ad;background:linear-gradient(140deg,#29382e,#4c2d2a);font-size:11px;letter-spacing:.15em;text-align:center;padding:20px}.writer-card h3{font:400 31px 'Playfair Display',Georgia,serif;color:#f0e2cb}.writer-card p{color:#e3ddd0;line-height:1.8}.writer-card small,.portrait-caveat{color:#c8af8e;font-size:12px;line-height:1.6}.portrait-caveat{margin-top:25px}
#add-exhibit,#exhibit-fields button,#portrait-editors button{margin:12px 6px 4px 0;padding:11px 14px;border:1px solid #92785f;background:transparent;color:#44392e;cursor:pointer}#add-exhibit{display:block;width:100%;background:#d7c2a0;font-weight:700}.portrait-editor-card{padding:15px 0;border-bottom:1px solid #b4a38a}
@media(max-width:760px){.writers-gallery{grid-template-columns:1fr}.writer-card>img,.writer-placeholder{height:360px}.essay-body{font-size:17px}}
/* Long museum prose must never spill into the navigation or hide behind the hero. */
.hall-header{position:relative;z-index:5;background:#101c1b}.hall-cover{isolation:isolate;overflow:hidden}.hall-cover-copy{top:auto;bottom:9%;left:7%;right:7%;width:auto;max-width:1100px}.hall-cover h1{font-size:clamp(34px,5vw,76px);line-height:1.08;letter-spacing:-.035em;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:3.3em}.hall-cover-copy>p:last-child{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-size:clamp(15px,1.45vw,19px);font-weight:500;line-height:1.55;max-width:700px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.hall-cover-copy .kicker{font-size:11px}
.essay-intro{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-size:20px;font-weight:600;line-height:1.9;color:#f4eadd;white-space:pre-line}.essay-body{font-weight:500;line-height:1.9;color:#f5f0e6}.hall-essay{padding-top:100px}.hall-essay h2{overflow-wrap:break-word;font-size:clamp(36px,4.4vw,64px);line-height:1.2}
@media(max-width:760px){.hall-cover{height:540px;min-height:420px}.hall-cover-copy{left:6%;right:6%;bottom:7%}.hall-cover h1{font-size:clamp(33px,9vw,53px)}.hall-cover-copy>p:last-child{-webkit-line-clamp:2}.essay-intro{font-size:18px}.essay-body{font-size:17px}}
.exhibit-carousel{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#24352f}.exhibit-carousel>img{width:100%;height:100%;display:block;object-fit:cover}.exhibit-carousel .placeholder-image{height:100%}.carousel-controls{position:absolute;bottom:13px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff}.carousel-controls button{width:40px;height:40px;border-radius:50%;border:1px solid #ffffffb5;background:#10211ccf;color:#fff;font:400 29px/1 'Playfair Display',Georgia,serif;cursor:pointer;display:grid;place-items:center}.carousel-controls button:hover,.carousel-controls button:focus-visible{background:#efe4d2;color:#15261d}.carousel-count{margin:auto;background:#0c1b18cb;border-radius:20px;padding:6px 12px;font-size:12px;letter-spacing:.1em}.editor-photo-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.editor-photo-thumbs button{position:relative;margin:0!important;padding:0!important;border:1px solid #a39074!important;aspect-ratio:1;background:#d0c0aa}.editor-photo-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}.editor-photo-thumbs button span{position:absolute;top:0;right:0;background:#2b352de8;color:white;padding:1px 5px}.hall-exhibit>h3{margin-top:20px}
.atlas-section{padding:40px 0 110px;border-top:1px solid #736b57}.atlas-section h2{font-size:clamp(42px,5vw,75px);margin:16px 0}.atlas-lead{max-width:850px;color:#dedace;font-size:17px;line-height:1.85}.atlas-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:28px;margin-top:35px;align-items:start}.atlas-map-frame{position:relative;border:1px solid #91836a;padding:8px;background:#21352e}.atlas-map-frame #atlas-map{height:590px;background:radial-gradient(#486b68,#263d39)}#atlas-map-status{font-size:11px;color:#e3d2b7;margin:9px}.atlas-panel{min-width:0}.atlas-point-list{display:grid;gap:8px}.atlas-point-list button{display:grid;grid-template-columns:38px 1fr;column-gap:12px;text-align:left;align-items:center;background:#23362f;color:#f1e4d0;border:1px solid #58685b;padding:14px;cursor:pointer}.atlas-point-list button.active,.atlas-point-list button:hover{border-color:#dfbc8b;background:#34463a}.atlas-point-list button span{grid-row:span 2;font:27px Georgia,serif;color:#deb98e}.atlas-point-list button strong{font:17px Georgia,serif;font-weight:400}.atlas-point-list button small{color:#c6bbad}.atlas-detail{border:1px solid #726751;padding:18px;margin-top:18px;background:#192a25;color:#eee4d4}.atlas-detail>img{width:100%;max-height:300px;object-fit:cover;display:block;margin-bottom:15px}.atlas-detail h3{font:29px Georgia,serif;line-height:1.3;margin:9px 0}.atlas-detail>p{font-size:14px;line-height:1.75}.atlas-detail>small{color:#d9bd92}.atlas-detail code{display:block;color:#b6d6ce;font-size:12px;white-space:normal}.atlas-detail .atlas-accuracy{color:#dfc59e;font-size:12px}.atlas-unplaced{margin-top:70px}.atlas-unplaced>p:not(.kicker){color:#cfcbbf;max-width:740px}.atlas-unplaced h3{font:35px Georgia,serif;color:#eadcc8}.atlas-photo-archive{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:25px}.atlas-photo-archive figure{margin:0;background:#24352f}.atlas-photo-archive img{display:block;width:100%;height:220px;object-fit:cover}.atlas-photo-archive figcaption{font-size:12px;line-height:1.5;color:#dbcdb8;padding:12px}.leaflet-container{font-family:Arial,sans-serif!important}.leaflet-popup-content{font-size:13px!important;color:#1d3029}
@media(max-width:850px){.atlas-layout{grid-template-columns:1fr}.atlas-map-frame #atlas-map{height:420px}.atlas-photo-archive{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-photo-archive img{height:210px}}
.atlas-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:25px 0}.atlas-toolbar>button{background:#dfc5a0;color:#142720;border:1px solid #eed5b0;padding:15px 22px;font-size:14px;font-weight:700;cursor:pointer}.atlas-toolbar>button:hover,.atlas-toolbar>button:focus-visible{background:#f3dfbc}.atlas-toolbar>span{font-size:12px;color:#c9bda8}.atlas-gallery{position:relative;margin:-3px -3px 16px}.atlas-gallery>img{display:block;width:100%;max-height:350px;object-fit:cover}.atlas-gallery-controls{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-between;align-items:center;background:#0e201aba;padding:5px;border-radius:20px;color:#fff}.atlas-gallery-controls button{width:35px;height:35px;border:0;border-radius:50%;background:#e9d6b9;color:#163026;font-size:25px;cursor:pointer}.atlas-gallery-controls span{font-size:12px}.atlas-edit-point{background:transparent;color:#f0d5ac;border:1px solid #9c8769;padding:10px 13px;margin-top:15px;cursor:pointer}.atlas-editor{margin:35px 0 0;padding:25px;background:#e8dbc4;color:#192a23;border:1px solid #c2a982}.atlas-editor[hidden]{display:none}.atlas-editor-heading{display:flex;justify-content:space-between;align-items:center}.atlas-editor h3{font:32px Georgia,serif;margin:0}.atlas-editor-heading button{border:0;background:transparent;font-size:30px;cursor:pointer;color:#19372c}.atlas-editor>p{color:#3f5145;font-size:14px;line-height:1.6}.atlas-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.atlas-editor label{display:block;margin:15px 0 8px;font-size:13px;font-weight:700}.atlas-editor input,.atlas-editor textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #b3a184;background:#fff9eb;color:#1d3329;font:14px/1.5 Arial,sans-serif}.atlas-editor-actions{display:flex;gap:12px;flex-wrap:wrap}.atlas-editor-actions button{background:#1b3b30;color:#f7e9d2;border:0;padding:13px 20px;cursor:pointer}.atlas-editor-actions #atlas-delete{background:#81453f}.atlas-photo-preview{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.atlas-photo-preview button{position:relative;border:1px solid #b6a78c;padding:0;cursor:pointer;background:#b8a68d}.atlas-photo-preview img{width:78px;height:78px;object-fit:cover;display:block}.atlas-photo-preview span{position:absolute;right:3px;top:0;background:#1a2c26;color:white;padding:0 5px}.atlas-photo-preview small{align-self:center;color:#3a4b41}.atlas-editor #atlas-save-status{font-size:12px;color:#3d5b42}
@media(max-width:650px){.atlas-editor{padding:16px}.atlas-editor-grid{grid-template-columns:1fr}.atlas-toolbar>button{width:100%}.atlas-toolbar>span{line-height:1.5}}

/* Hall VII: image-based semiotic reading, with accessible numbered hotspots. */
.semiotics-section{padding-top:80px;padding-bottom:100px;border-top:1px solid #756a55}
.semiotics-section[hidden]{display:none}
.semiotics-section h2{font-size:clamp(40px,5vw,70px);margin:16px 0 22px}
.semiotics-lead{max-width:780px;color:#d0cbbf;font-size:16px;line-height:1.8;margin-bottom:32px}
.semiotics-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:22px;align-items:stretch}
.semiotics-image{position:relative;align-self:start;line-height:0;border:1px solid #8e7e67;overflow:hidden;background:#1b2a27}
.semiotics-image>img{display:block;width:100%;height:auto}
.semiotics-hotspots{position:absolute;inset:0}
.semiotics-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:2px solid #f7e9d0;background:#1d4c46d9;color:#fff;font:600 12px Arial,sans-serif;box-shadow:0 0 0 5px #f7e9d03b,0 4px 15px #0008;cursor:pointer;transition:background .18s,scale .18s}
.semiotics-pin:hover,.semiotics-pin:focus-visible,.semiotics-pin.active{background:#c69a63;color:#182823;scale:1.1;outline-offset:3px}
.semiotics-reading{padding:30px 28px;background:#21332d;border:1px solid #756954;align-self:stretch;color:#ebdfcd}
.semiotics-reading h3{font:normal clamp(25px,2.5vw,35px)/1.25 Georgia,serif;margin:22px 0 18px}
.semiotics-reading p:not(.kicker){font-size:15px;line-height:1.85;color:#d3d0c4}
.semiotics-reading .semiotics-question{border-top:1px solid #706b58;padding-top:20px;margin-top:25px;color:#ebca96!important;font-style:italic}
.semiotics-credit{color:#b7b5a7;font-size:12px;line-height:1.65;margin-top:15px}
@media(max-width:940px){.semiotics-layout{grid-template-columns:1fr}.semiotics-reading{min-height:210px}.semiotics-pin{width:34px;height:34px}}
@media(max-width:500px){.semiotics-pin{width:30px;height:30px;box-shadow:0 0 0 3px #f7e9d03b;font-size:10px}.semiotics-reading{padding:22px}}

/* Hall I: short literary attribution quiz. */
.literary-quiz{padding-top:75px;padding-bottom:90px;border-top:1px solid #766b57}
.literary-quiz[hidden],.quiz-feedback[hidden],.quiz-next[hidden],.quiz-answers[hidden]{display:none}
.literary-quiz h2{font:normal clamp(40px,5vw,68px)/1.1 Georgia,serif;margin:18px 0}
.literary-quiz h2 em{color:#d5b98f}
.quiz-intro{color:#d8d0c1;max-width:790px;line-height:1.8;font-size:16px;margin-bottom:30px}
.quiz-card{max-width:920px;padding:clamp(22px,4vw,45px);background:#20332c;border:1px solid #88785f;box-shadow:0 20px 55px #0a16131a}
.quiz-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#d5bc92;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.12em}
.quiz-card blockquote{font:normal clamp(23px,3vw,34px)/1.52 Georgia,serif;color:#f2e8d7;margin:34px 0 32px;padding:0;border:0;max-width:790px}
.quiz-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.quiz-answers button{padding:19px 16px;background:#e8d5b7;color:#19372d;border:1px solid #e8d5b7;text-align:center;cursor:pointer;font:600 15px/1.5 Arial,sans-serif;transition:background .15s,border-color .15s}
.quiz-answers button:hover:not(:disabled),.quiz-answers button:focus-visible{background:#fae9ce;outline-offset:3px}
.quiz-answers button:disabled{cursor:default;opacity:.62}
.quiz-answers button.is-correct{background:#8ebba0;border-color:#b4e4c2;color:#173525;opacity:1}
.quiz-answers button.is-wrong{background:#b6807a;border-color:#e9a8a2;color:#241511;opacity:1}
.quiz-feedback{margin-top:25px;padding:21px 23px;background:#12281f;border-left:3px solid #d9b98c;color:#e9d9c1}
.quiz-feedback strong{font:600 17px/1.5 Arial,sans-serif}
.quiz-feedback p{color:#d4d1c5;font-size:14px;line-height:1.8;margin:11px 0 0}
.quiz-next{margin-top:25px;padding:13px 23px;background:transparent;border:1px solid #dfc7a2;color:#f2ddbd;font:600 14px Arial,sans-serif;cursor:pointer}
.quiz-next:hover,.quiz-next:focus-visible{background:#dfc7a2;color:#153026}
.quiz-credit{max-width:920px;font-size:12px;line-height:1.65;color:#aeb7ab;margin:18px 0 0}
@media(max-width:650px){.quiz-answers{grid-template-columns:1fr}.quiz-card blockquote{margin:26px 0}.quiz-answers button{padding:16px 12px}}

/* Hall IV: curator-editable film excerpts. */
.film-clips-section{padding-top:50px;padding-bottom:110px;border-top:1px solid #766952}
.film-clips-section[hidden],#film-clip-editor[hidden]{display:none}
.film-clips-section h2{font:normal clamp(37px,4.5vw,65px)/1.15 Georgia,serif;margin:18px 0}
.film-clips-section h2 em{color:#d5b88a}
.film-clips-lead{max-width:840px;color:#d8d3c6;font-size:16px;line-height:1.8;margin-bottom:35px}
.film-clips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.film-clip-card{min-width:0;border:1px solid #6b6957;background:#1b2b27;padding:14px 14px 26px}
.film-clip-frame{position:relative;width:100%;aspect-ratio:16/9;background:#14211f;overflow:hidden}
.film-clip-frame video,.film-clip-frame iframe{width:100%;height:100%;display:block;border:0;background:#000}
.film-clip-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:linear-gradient(135deg,#30453e,#171e20);color:#c8bca6;text-align:center;padding:18px}
.film-clip-empty span{font-size:48px;color:#ddc59d}
.film-clip-empty small{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.14em}
.film-clip-card h3{font:normal clamp(24px,2.5vw,34px)/1.3 Georgia,serif;color:#f0e6d4;margin:22px 10px 8px}
.film-clip-subtitle{font-size:12px;color:#cbb58e;margin:0 10px;line-height:1.7}
.film-clip-caption{color:#d8d2c7;white-space:pre-line;font-size:14px;line-height:1.8;margin:17px 10px 0}
.film-clip-editor-card{border-top:1px solid #b6a588;padding:16px 0}
.film-clip-editor-card>strong{font:600 16px Georgia,serif}
.film-clip-editor-card>small{display:block;color:#526b56;font-size:11px;line-height:1.6;margin-top:12px}
.film-clip-editor-card>button{margin:12px 0;padding:10px 16px;background:transparent;border:1px solid #977d66;color:#4b3b2b;cursor:pointer}
#film-clip-editor>p{line-height:1.65;color:#4d5348}
@media(max-width:800px){.film-clips-grid{grid-template-columns:1fr}}

/* Hall VIII: archival audio exhibit. */
.voice-archive-section{border-top:1px solid #75674e;padding:65px 0 110px}
.voice-archive-section[hidden]{display:none}
.voice-archive-section h2{font:normal clamp(42px,5vw,72px)/1.15 Georgia,serif;margin:18px 0 35px}
.voice-archive-section h2 em{color:#d3b58a}
.voice-archive-layout{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:35px;align-items:start}
.voice-archive-portrait{margin:0;background:#28352e;border:1px solid #8a7c62}
.voice-archive-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#293832}
.voice-archive-portrait figcaption{padding:12px 15px;color:#cfbfa7;font-size:11px;line-height:1.6}
.voice-archive-detail{border:1px solid #706753;background:#1d2b27;padding:clamp(24px,4vw,45px)}
.voice-archive-eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.12em;color:#ddb98b!important}
.voice-archive-detail h3{font:normal clamp(27px,3vw,39px)/1.25 Georgia,serif;color:#f3e6d2;margin:20px 0}
.voice-archive-detail>p:not(.voice-archive-eyebrow):not(.voice-archive-source){color:#e1dace;font-size:15px;line-height:1.9}
.voice-archive-player{margin-top:28px;padding:22px;background:#11241f;border-left:3px solid #d8ba8d}
.voice-archive-player>span{display:block;color:#e3cba5;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.1em;margin-bottom:15px}
.voice-archive-player audio{width:100%;display:block}
.voice-archive-player p{font-size:13px;line-height:1.6;color:#cbbfb0}
.voice-archive-link{display:inline-block;margin-top:24px;border:1px solid #d8ba8d;padding:13px 18px;color:#f6dfb7;text-decoration:none}
.voice-archive-link:hover{background:#d8ba8d;color:#1a3127}
.voice-archive-source{font-size:11px;color:#b5b3a8;line-height:1.7;margin-top:22px}
#voice-archive-editor{border-top:1px solid #bbab94;margin-top:20px}
#voice-archive-editor p{line-height:1.7}
#voice-archive-editor button{padding:11px 15px;border:1px solid #9c816b;background:transparent;color:#463b2d;cursor:pointer}
#voice-upload-status{font-weight:600;color:#315943}
@media(max-width:850px){.voice-archive-layout{grid-template-columns:1fr}.voice-archive-portrait{max-width:380px}}

/* Hall V: two personal video essays with their native aspect ratios. */
.my-hongkong-videos{padding:60px 0 110px;border-top:1px solid #796b57}
.my-hongkong-videos[hidden]{display:none}
.my-hongkong-videos h2{font:normal clamp(40px,5vw,70px)/1.14 Georgia,serif;margin:18px 0 25px}
.my-hongkong-videos h2 em{color:#d4b78a}
.my-hongkong-intro{max-width:790px;color:#ded7c9;line-height:1.9;font-size:16px;margin-bottom:37px}
.my-hongkong-video-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:28px;align-items:start}
.my-hongkong-video-card{min-width:0;background:#1a2925;border:1px solid #756953;padding:15px 15px 32px}
.my-hongkong-video-frame{width:100%;aspect-ratio:16/9;background:#11211d;overflow:hidden}
.my-hongkong-video-card.portrait .my-hongkong-video-frame{aspect-ratio:9/16;max-height:650px;max-width:370px;margin:0 auto}
.my-hongkong-video-frame video{width:100%;height:100%;object-fit:contain;background:#101a18;display:block}
.my-hongkong-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:23px;text-align:center;padding:12px;background:linear-gradient(135deg,#30483f,#17241f);color:#e2ccb0}
.my-hongkong-empty span{font-size:49px}
.my-hongkong-empty small{font:600 10px/1.6 Arial,sans-serif;letter-spacing:.1em}
.my-hongkong-index{color:#d2b78b;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.12em;margin:21px 8px 10px}
.my-hongkong-video-card h3{font:normal clamp(27px,3vw,37px)/1.2 Georgia,serif;color:#f3e4d0;margin:0 8px 16px}
.my-hongkong-caption{white-space:pre-line;margin:0 8px;color:#d6d4c7;font-size:15px;line-height:1.85}
.my-hongkong-editor{padding-top:10px;border-top:1px solid #b7a589}
.my-hongkong-editor>p{line-height:1.65}
.my-hongkong-editor-item{padding:18px 0;border-bottom:1px solid #bfaf97}
.my-hongkong-editor-item>strong{font-size:14px;color:#79543b}
.my-hongkong-editor-item button{padding:10px 15px;border:1px solid #907866;color:#473e31;background:transparent;cursor:pointer}
.my-hongkong-file-status{font-size:12px;color:#36664e}
@media(max-width:850px){.my-hongkong-video-grid{grid-template-columns:1fr}.my-hongkong-video-card.portrait{max-width:510px}}
/* Room eight: three sourced archival objects and a compact source-reading activity. */
.archive-evidence-section,.archive-reading-section{padding-top:68px;padding-bottom:70px}
.archive-evidence-section h2,.archive-reading-section h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,62px);line-height:1.12;margin:14px 0 18px;color:#292720}
.archive-evidence-section h2 em,.archive-reading-section h2 em{font-weight:400;color:#a36b48}
.archive-evidence-intro,.archive-reading-intro{max-width:760px;line-height:1.8;font-size:16px;color:#66615b;margin:0 0 32px}
.archive-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;align-items:stretch}
.archive-evidence-card{display:flex;flex-direction:column;min-width:0;background:#f9f5ee;border:1px solid #dcd1be;box-shadow:0 15px 35px rgba(37,29,20,.055)}
.archive-evidence-media{height:270px;background:#e8ddcc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.archive-evidence-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.archive-evidence-media:hover img{transform:scale(1.035)}
.archive-evidence-media-tall img{object-fit:cover;object-position:center 34%}
.archive-evidence-media-paper{background:#ded1b9}
.archive-evidence-media-paper img{object-fit:contain;padding:11px;box-sizing:border-box}
.archive-evidence-copy{padding:24px 23px 25px;display:flex;flex:1;flex-direction:column}
.archive-evidence-index{font-size:11px;letter-spacing:.14em;color:#946d4d;font-weight:700}
.archive-evidence-card h3{font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.2;color:#302a23;margin:12px 0 14px}
.archive-evidence-copy p{font-size:14px;line-height:1.72;color:#585249;margin:0 0 20px;flex:1}
.archive-evidence-copy a{display:inline-block;color:#92593c;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:700;line-height:1.5}
.archive-evidence-copy small{color:#8b8075;font-size:11px;line-height:1.55;margin-top:13px}
.archive-reading-section{border-top:1px solid #dfd7c8}
.archive-reading-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}
.archive-reading-heading>span{font-size:11px;letter-spacing:.17em;color:#9d6c4d;padding-bottom:24px;white-space:nowrap}
.archive-reading-panel{max-width:940px;background:#39352f;color:#f9f1e5;padding:clamp(24px,5vw,48px);position:relative;box-shadow:0 22px 45px rgba(33,30,26,.14)}
.archive-reading-label{font-size:11px;letter-spacing:.2em;color:#d9b98c}
.archive-reading-prompt{font-family:Georgia,serif;font-size:clamp(21px,3vw,31px);line-height:1.44;margin:24px 0 30px}
.archive-reading-choices{display:flex;gap:12px;flex-wrap:wrap}
.archive-reading-choices button,.archive-reading-next{cursor:pointer;border:1px solid #b8a48d;background:transparent;color:#f8eee0;font:inherit;padding:13px 18px;border-radius:0;transition:background .2s,color .2s}
.archive-reading-choices button:hover:not(:disabled){background:#655445}
.archive-reading-choices button.is-correct{background:#d3bb92;color:#302b24;border-color:#d3bb92}
.archive-reading-choices button.selected:not(.is-correct){border-color:#da9486;color:#f1b6aa}
.archive-reading-choices button:disabled{cursor:default}
.archive-reading-feedback{border-top:1px solid #776b5f;margin-top:27px;padding-top:20px;color:#efe0c8;line-height:1.65}
.archive-reading-feedback strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:22px;color:#fff0d5}
.archive-reading-feedback p{margin:9px 0}
.archive-reading-next{background:#d3bb92;border-color:#d3bb92;color:#302b24;margin-top:18px}
.archive-reading-next:hover{background:#f1d7ab}
.archive-reading-footnote{margin:20px 0 0;max-width:940px;font-size:12px;line-height:1.7;color:#817569}
@media(max-width:850px){.archive-evidence-grid{grid-template-columns:1fr 1fr}.archive-evidence-card:first-child{grid-column:span 2}.archive-evidence-card:first-child .archive-evidence-media{height:320px}}
@media(max-width:560px){.archive-evidence-grid{grid-template-columns:1fr}.archive-evidence-card:first-child{grid-column:auto}.archive-evidence-media,.archive-evidence-card:first-child .archive-evidence-media{height:270px}.archive-reading-heading{align-items:start;flex-direction:column;gap:0}.archive-reading-heading>span{padding-bottom:20px}.archive-reading-choices{flex-direction:column}.archive-reading-choices button{width:100%}}