/* A permanent exhibition in the existing Crisp app. Original artwork is never cropped. */
.museum-page {--museum-paper:#fcfaf7;--museum-line:#dfd8ce;--museum-ink:#403933;--museum-muted:#776d63;--museum-red:#915949;max-width:1480px;margin:0 auto;padding:32px 40px 20px;color:var(--museum-ink);}
.museum-page button,.museum-lightbox button {font-family:inherit;cursor:pointer;}
.museum-icon {width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;}
.museum-hero {display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:310px;border-bottom:1px solid var(--museum-line);padding:12px 8px 30px;}
.museum-eyebrow {display:flex;gap:11px;align-items:center;font:10px/1.5 "Segoe UI",sans-serif;letter-spacing:1.8px;color:#756a5d;}
.museum-eyebrow>span:last-child {padding-left:12px;margin-left:4px;border-left:1px solid #c7bcae;}
.museum-tiny-mark {font-size:23px;color:var(--museum-red);}
.museum-hero h1 {margin:23px 0 0;font-family:Georgia,"Noto Serif CJK SC","Songti SC","SimSun",serif;font-size:44px;font-weight:500;letter-spacing:3px;line-height:1.25;}
.museum-hero h1>span {display:block;margin-top:10px;font:italic 18px/1.6 Georgia,serif;letter-spacing:.1px;color:#8b6b59;}
.museum-hero-copy>p {margin:20px 0 22px;color:var(--museum-muted);font-size:13px;line-height:1.95;}
.museum-hero-bottom {display:flex;flex-wrap:wrap;gap:21px;align-items:center;color:#796e64;font-size:11px;}
.museum-hero-bottom b {font:21px/1 Georgia,serif;color:#493f37;margin-right:5px;}
.museum-offline {font-size:10px;letter-spacing:.5px;color:#626e57;}
.museum-hero-art {position:relative;display:flex;align-items:center;justify-content:center;padding:16px 0 35px;isolation:isolate;}
.museum-hero-art::after {content:"";position:absolute;bottom:52px;left:4%;right:0;height:20px;border-bottom:1px solid #cfc4b4;background:linear-gradient(0deg,#dfd5c659,transparent);z-index:-1;}
.museum-hero-print {display:block;width:35%;max-width:190px;padding:9px 9px 13px;border:1px solid #dfd8ce;background:#fffcf7;box-shadow:0 8px 20px #51443613;transform:rotate(-6deg);transition:transform .2s ease;}
.museum-hero-print.print-1 {z-index:1;margin:0 -9px;transform:rotate(4deg) translateY(-14px);}
.museum-hero-print.print-2 {transform:rotate(-3deg) translateY(5px);}
.museum-hero-print:hover {z-index:2;transform:rotate(0) translateY(-16px);}
.museum-hero-print img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f7f5f1;}
.museum-hero-print>span {display:block;font:10px/1.6 Georgia,serif;margin-top:10px;color:#6d6258;text-align:center;}
.museum-art-caption {position:absolute;bottom:8px;font:italic 11px/1.5 Georgia,serif;letter-spacing:.8px;color:#847566;}
.museum-toolbar {display:flex;gap:20px;align-items:center;justify-content:space-between;padding:25px 0;scroll-margin-top:calc(var(--app-header-height,76px) + 12px);}
.museum-mode-label {display:flex;align-items:center;gap:10px;font-size:12px;color:#6c6258;}
.museum-mode-label>span:last-child {color:#403933;font-weight:500;}
.museum-slash {color:#baac9a!important;padding:0 4px;}
.museum-search {display:flex;align-items:center;gap:10px;min-height:44px;width:340px;border:1px solid #dcd4c8;border-radius:8px;padding-left:13px;background:#fcfaf7;}
.museum-search>.museum-icon {color:#7b7065;width:16px;}
.museum-search input {min-width:0;flex:1;width:100%;height:40px;border:0;background:transparent;font-size:12px;color:#403933;outline:none;box-shadow:none;}
.museum-search:focus-within {outline:2px solid #9b7460;outline-offset:2px;}
.museum-search button {align-self:stretch;border:0;border-left:1px solid #e4dcd0;padding:0 14px;color:#66584b;background:transparent;min-width:48px;}
.museum-layout {display:grid;grid-template-columns:193px minmax(0,1fr);gap:32px;align-items:start;}
.museum-index {position:sticky;top:calc(var(--app-header-height,76px) + 20px);border-right:1px solid var(--museum-line);padding-right:20px;}
.museum-index-caption {display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#877868;padding:10px 0 20px;}
.museum-index-caption>span {font-family:Georgia,serif;color:#9a7361;}
.museum-index nav {display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - var(--app-header-height,76px) - 240px);min-height:200px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d7ccbd transparent;}
.museum-index nav button {display:flex;gap:10px;align-items:center;width:100%;border:0;padding:11px 9px;text-align:left;background:transparent;color:#796c60;font-size:12px;line-height:1.55;border-radius:4px;}
.museum-index nav button:first-child {justify-content:space-between;margin-bottom:9px;}
.museum-index nav button:hover {background:#e9e2d8;}
.museum-index nav button.active {background:#e8dfd2;color:#473d34;font-weight:600;}
.museum-index-number {font:10px/1.6 Georgia,serif;color:#927f6c;}
.museum-index-note {margin-top:22px;border-top:1px solid var(--museum-line);padding-top:19px;font:12px/1.9 Georgia,"SimSun",serif;color:#897967;}
.museum-index-note>span {display:block;font:8px/1.5 "Segoe UI",sans-serif;letter-spacing:2px;margin-top:12px;}
.museum-exhibition {min-width:0;}
.museum-section-head {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:5px 0 20px;}
.museum-section-kicker {font:10px/1.6 Georgia,serif;letter-spacing:1.3px;color:#8b7461;}
.museum-section-head h2 {font:500 25px/1.5 Georgia,"SimSun",serif;letter-spacing:1px;margin:8px 0 0;}
.museum-section-head p {font-size:12px;line-height:1.8;color:#7d7064;margin:10px 0 0;}
.museum-section-count {white-space:nowrap;color:#877667;font-size:11px;}
.museum-back {display:flex;align-items:center;white-space:nowrap;gap:4px;min-height:44px;padding:6px 10px;border:0;background:transparent;color:#7f6351;font-size:12px;}
.museum-back .museum-icon {width:14px;}
.museum-filters {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--museum-line);padding-bottom:14px;margin-bottom:22px;}
.museum-category {display:flex;gap:4px;}
.museum-category button {border:1px solid transparent;background:transparent;color:#7c6d60;padding:8px 12px;font-size:11px;border-radius:5px;min-height:36px;}
.museum-category button.active {background:#4b423a;color:#fcf8f2;border-color:#4b423a;}
.museum-secret-filter {display:flex;align-items:center;gap:7px;font-size:11px;color:#7a6555;min-height:36px;cursor:pointer;}
.museum-secret-filter input {width:15px;height:15px;accent-color:#8d6950;}
.museum-room-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;}
.museum-room {display:flex;flex-direction:column;padding:0;border:0;background:transparent;color:#4a4036;text-align:left;min-width:0;}
.museum-room-photo {display:block;position:relative;aspect-ratio:1;width:100%;padding:9px;border:1px solid #e0d8cc;background:#faf7f1;overflow:hidden;}
.museum-room-photo>img {display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease;}
.museum-room:hover .museum-room-photo>img {transform:scale(1.025);}
.museum-room-enter {position:absolute;right:17px;bottom:17px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fcf9f2ef;color:#5e5042;border:1px solid #d6cbb9;}
.museum-room-meta {display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;margin:15px 0 8px;font-size:9px;color:#8c7c69;letter-spacing:.6px;}
.museum-room-meta>span:first-child {font-family:Georgia,serif;}
.museum-room>strong {font-size:17px;line-height:1.5;font-family:Georgia,"SimSun",serif;font-weight:500;letter-spacing:.5px;}
.museum-room-en {font:11px/1.6 Georgia,serif;color:#8e7f70;margin-top:5px;}
.museum-work-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 20px;}
.museum-work {min-width:0;}
.museum-work-open {display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:#483e35;}
.museum-work-image {display:block;position:relative;width:100%;aspect-ratio:1;border:1px solid #e2dace;background:#fbf8f2;padding:7px;overflow:hidden;}
.museum-work-image>img {display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease;}
.museum-work-open:hover .museum-work-image>img {transform:scale(1.025);}
.museum-work-expand {position:absolute;right:12px;bottom:12px;border-radius:4px;background:#fffaf2eb;color:#6b5848;display:flex;align-items:center;gap:5px;padding:7px;font-size:10px;opacity:0;transition:opacity .2s;}
.museum-work-open:hover .museum-work-expand,.museum-work-open:focus-visible .museum-work-expand {opacity:1;}
.museum-work-expand .museum-icon {width:13px;height:13px;}
.museum-edition {position:absolute;top:14px;left:14px;background:#efe3cbf5;color:#76572d;border:1px solid #d9c5a1;padding:5px 8px;border-radius:3px;font-size:10px;}
.museum-edition.super-secret {color:#f8eddf;background:#675266f2;border-color:#675266;}
.museum-work-label {display:block;padding:12px 2px 0;}
.museum-work-number {display:block;font:10px/1.5 Georgia,serif;color:#8c7b68;margin-bottom:6px;}
.museum-work-number>span {font:9px/1.5 "Segoe UI",sans-serif;margin-left:7px;color:#85786a;}
.museum-work-label>strong {display:block;overflow-wrap:anywhere;font-size:15px;line-height:1.65;font-weight:500;color:#4b4037;}
.museum-work-en {display:block;font:11px/1.6 Georgia,serif;color:#7e6c5c;margin-top:4px;overflow-wrap:anywhere;}
.museum-work-series {display:block;font-size:10px;line-height:1.8;color:#8a7e70;margin-top:8px;}
.museum-query-line {font-size:12px;color:#786754;padding:0 0 20px;line-height:2;overflow-wrap:anywhere;}
.museum-query-line button {margin-left:12px;border:0;background:transparent;text-decoration:underline;color:#8c5949;font-size:12px;padding:6px;}
.museum-result-count {font-size:11px;color:#817363;margin:0 0 20px;}
.museum-load-more {display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;margin:30px auto 0;padding:10px 26px;background:#f8f3eb;border:1px solid #d5c9b9;color:#6d5744;border-radius:6px;}
.museum-empty {text-align:center;padding:60px 20px;border:1px dashed #d5c8b6;border-radius:6px;}
.museum-empty>span {font-size:38px;color:#ac8b6c;}
.museum-empty h3 {font:20px/1.5 Georgia,"SimSun",serif;color:#6a5847;}
.museum-empty p {font-size:12px;color:#8a7560;}
.museum-empty button {border:1px solid #caba9e;border-radius:5px;background:#f8f2e8;padding:10px 16px;margin:10px 5px;color:#695441;min-height:44px;}
.museum-series-sources {margin-top:32px;font-size:11px;color:#796655;border-top:1px solid var(--museum-line);padding-top:20px;}
.museum-series-sources summary {cursor:pointer;padding:8px 0;}
.museum-series-sources ul {padding-left:18px;}
.museum-series-sources li {margin:10px 0;line-height:1.8;}
.museum-series-sources a,.museum-source-list a {color:#7c5844;text-decoration:none;overflow-wrap:anywhere;}
.museum-series-sources a .museum-icon,.museum-source-list a .museum-icon {width:12px;height:12px;margin-left:5px;}
.museum-coverage {border-top:1px solid #d9cebf;border-bottom:1px solid #d9cebf;margin-top:46px;padding:20px 0;font-size:12px;color:#776655;}
.museum-coverage summary {cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;}
.museum-coverage summary>span {font-size:11px;color:#8a7660;}
.museum-coverage>div {padding-top:14px;max-width:940px;font-size:12px;line-height:1.9;}
.museum-source-list {display:flex;flex-wrap:wrap;gap:24px;padding-top:5px;}
.museum-colophon {display:flex;justify-content:space-between;gap:20px;margin-top:22px;color:#8a7a69;font-size:10px;line-height:1.8;}
.museum-colophon>span:first-child {font-family:Georgia,serif;letter-spacing:1.5px;}
/* Full artwork and the official album are intentionally separate views. */
[data-theme=hirono] dialog.museum-lightbox {width:min(1100px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #ded2c3;border-radius:12px;background:#faf7f0;overflow:auto;}
[data-theme=hirono] dialog.museum-lightbox::backdrop {background:#26231fe0;backdrop-filter:blur(6px);}
.museum-viewer-top {display:flex;justify-content:space-between;align-items:center;padding:12px 18px 12px 24px;border-bottom:1px solid #dfd4c4;gap:16px;}
.museum-viewer-top>span {color:#6f5d4b;font-size:12px;}
.museum-viewer-top>span>span {font:10px/1.5 Georgia,serif;margin-left:12px;color:#8c7a64;}
.museum-viewer-top button {width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#eae2d6;color:#665643;}
.museum-viewer-layout {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);min-height:540px;}
.museum-viewer-art {padding:26px;display:flex;align-items:center;justify-content:center;background:#eee9df;overflow:auto;min-width:0;max-height:calc(100dvh - 126px);}
.museum-viewer-art>img {display:block;width:100%;height:100%;max-height:calc(100dvh - 180px);object-fit:contain;}
.museum-viewer-art.zoomed {display:block;padding:0;}
.museum-viewer-art.zoomed>img {width:auto;height:auto;max-width:none;max-height:none;}
.museum-viewer-info {display:flex;flex-direction:column;padding:32px 28px;min-width:0;}
.museum-viewer-info h2 {font:500 29px/1.45 Georgia,"SimSun",serif;color:#493c30;margin:15px 0 0;overflow-wrap:anywhere;}
.museum-viewer-name {font:14px/1.7 Georgia,serif;color:#836e59;margin:9px 0 0;overflow-wrap:anywhere;}
.museum-viewer-tags {display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;}
.museum-viewer-tags>span {background:#eae1d3;color:#776047;border-radius:3px;padding:5px 8px;font-size:10px;}
.museum-viewer-product {font:11px/1.9 Georgia,serif;color:#8e775f;margin:18px 0;}
.museum-viewer-note,.museum-album-caption {font-size:11px;line-height:1.8;color:#8d7057;}
.museum-photo-modes {display:flex;border-bottom:1px solid #dacbb8;margin:2px 0 12px;}
.museum-photo-modes button {flex:1;min-height:40px;padding:10px 7px;color:#887059;background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;}
.museum-photo-modes button.active {border-bottom-color:#866249;color:#5e422e;}
.museum-thumbnails {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:175px;overflow-y:auto;}
.museum-thumbnails button {padding:3px;border:1px solid #ded1bd;background:#f7f1e7;aspect-ratio:1;}
.museum-thumbnails button[aria-pressed=true] {border:2px solid #9c7555;padding:2px;}
.museum-thumbnails img {width:100%;height:100%;object-fit:contain;}
.museum-zoom {display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:10px 0 12px;border:1px solid #d5c4ae;background:#f4ecdf;border-radius:5px;color:#715a42;font-size:12px;}
.museum-viewer-source {margin-top:auto;padding-top:22px;}
.museum-viewer-source a {display:inline-flex;align-items:center;gap:8px;color:#8a5843;font-size:12px;text-decoration:none;min-height:36px;}
.museum-viewer-source a .museum-icon {width:14px;}
.museum-viewer-source small {display:block;font-size:9px;line-height:1.8;color:#8b7863;margin-top:5px;}
.museum-viewer-paging {display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e0d2c1;margin-top:22px;padding-top:16px;}
.museum-viewer-paging button {display:flex;align-items:center;gap:4px;min-height:40px;background:transparent;border:0;padding:5px;color:#71563e;font-size:11px;}
.museum-viewer-paging button:disabled {opacity:.35;cursor:default;}
.museum-viewer-paging>span {font:11px/1.5 Georgia,serif;color:#957b60;}
/* Seven entries share the existing navigation shelf. */
@media(min-width:901px) and (max-width:1440px){
 [data-theme=hirono] .topbar .app-tab {min-width:66px;padding:7px 8px;gap:5px;font-size:12px;}
 [data-theme=hirono] .topbar .nav-character {width:25px;height:30px;}
 [data-theme=hirono] .topbar .app-tabs {position:static;transform:none;margin:0 auto;flex-shrink:0;}
 [data-theme=hirono] .topbar .save-label {display:none;}
}
@media(min-width:901px) and (max-width:1100px){
 [data-theme=hirono] .topbar {gap:8px;padding-left:14px;padding-right:14px;}
 [data-theme=hirono] .topbar .brand-text {display:none;}
 [data-theme=hirono] .topbar .app-tab {min-width:58px;padding:6px;font-size:11px;}
}
@media(max-width:1100px){
 .museum-page {padding:24px;}
 .museum-layout {grid-template-columns:168px minmax(0,1fr);gap:22px;}
 .museum-index {padding-right:14px;}
 .museum-room-grid,.museum-work-grid {gap:24px 16px;}
 .museum-hero h1 {font-size:38px;}
 .museum-hero-bottom {gap:14px;}
 .museum-room>strong {font-size:16px;}
 .museum-work-label>strong {font-size:14px;}
}
@media(max-width:760px){
 [data-theme=hirono] .topbar .app-tabs {overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
 [data-theme=hirono] .topbar .app-tab {flex:1 0 46px;min-width:46px;}
 .museum-page {padding:20px 18px;}
 .museum-hero {grid-template-columns:1fr;gap:0;padding:0 0 20px;min-height:0;}
 .museum-hero h1 {font-size:36px;margin-top:15px;}
 .museum-hero h1>span {font-size:17px;}
 .museum-hero-copy>p {font-size:12px;margin:14px 0 18px;}
 .museum-hero-bottom {gap:17px;}
 .museum-hero-bottom b {font-size:19px;}
 .museum-hero-art {margin-top:22px;padding:14px 20px 38px;min-height:220px;}
 .museum-hero-print {max-width:160px;}
 .museum-hero-compact .museum-hero-art {display:none;}
 .museum-toolbar {flex-wrap:wrap;gap:14px;padding:21px 0;}
 .museum-search {width:100%;}
 .museum-mode-label {font-size:11px;}
 .museum-layout {display:block;}
 .museum-index {position:static;padding:0;border:0;margin-bottom:24px;}
 .museum-index-caption,.museum-index-note {display:none;}
 .museum-index nav {flex-direction:row;max-height:none;min-height:0;overflow-x:auto;gap:7px;padding-bottom:10px;scrollbar-width:thin;}
 .museum-index nav button {white-space:nowrap;width:auto;flex:none;border:1px solid #ddd0be;padding:10px 13px;min-height:44px;border-radius:5px;background:#f8f3ea;}
 .museum-index nav button:first-child {margin:0;}
 .museum-index-number {display:none;}
 .museum-section-head h2 {font-size:23px;}
 .museum-section-kicker {font-size:9px;}
 .museum-room-grid,.museum-work-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;}
 .museum-room-meta {font-size:8px;letter-spacing:0;gap:3px;margin-top:12px;}
 .museum-room-photo {padding:6px;}
 .museum-room-en {font-size:10px;}
 .museum-room-enter {right:12px;bottom:12px;width:27px;height:27px;}
 .museum-work-image {padding:5px;}
 .museum-work-expand {display:none;}
 .museum-work-number {font-size:9px;}
 .museum-edition {top:10px;left:10px;font-size:9px;padding:4px 5px;}
 .museum-filters {gap:5px;}
 .museum-category {gap:0;}
 .museum-category button {padding:8px 10px;min-height:44px;}
 .museum-secret-filter {min-height:44px;}
 .museum-coverage {margin-top:32px;}
 .museum-colophon {flex-direction:column;gap:5px;}
 [data-theme=hirono] dialog.museum-lightbox {width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:9px;}
 .museum-viewer-layout {display:block;min-height:0;}
 .museum-viewer-top {padding:10px 12px 10px 16px;}
 .museum-viewer-top button {width:44px;height:44px;}
 .museum-viewer-art {height:45dvh;max-height:none;padding:14px;}
 .museum-viewer-art>img {max-height:100%;width:100%;height:100%;}
 .museum-viewer-art.zoomed>img {max-height:none;height:auto;width:auto;}
 .museum-viewer-info {padding:23px 20px;}
 .museum-viewer-info h2 {font-size:26px;}
 .museum-viewer-name {font-size:13px;}
 .museum-viewer-info .museum-section-kicker {font-size:10px;}
 .museum-photo-modes button,.museum-zoom,.museum-viewer-paging button {min-height:44px;}
}
@media(max-width:400px){
 .museum-page {padding:18px 14px;}
 .museum-hero-bottom {gap:10px;font-size:10px;}
 .museum-offline {width:100%;margin-top:3px;}
 .museum-hero-art {padding-left:5px;padding-right:5px;min-height:190px;}
 .museum-hero-print {padding:6px;}
 .museum-hero-print>span {font-size:8px;}
 .museum-section-head h2 {font-size:21px;}
 .museum-room-grid,.museum-work-grid {gap:22px 11px;}
 .museum-room-meta>span:last-child {font-size:8px;}
 .museum-room>strong {font-size:15px;}
 .museum-coverage summary {gap:8px;font-size:11px;}
 .museum-coverage summary>span {font-size:10px;}
}
@media(prefers-reduced-motion:reduce){.museum-page * {scroll-behavior:auto!important;transition:none!important;}}