
:root{background:#f8f8f5;color:#252621}.museum-header{min-height:108px;max-width:1600px;margin:auto;display:flex;align-items:center;gap:32px;border-bottom:1px solid #252621;padding:26px 40px}.wordmark{font-size:32px;letter-spacing:.075em;font-weight:700;color:#20231e;text-decoration:none;line-height:1}.brand-purpose{font-size:14px;letter-spacing:.12em;color:#56594f}.museum-private{margin-left:auto;font-size:13px;color:#686b62;white-space:nowrap}.museum-home{max-width:1440px;margin:auto;padding:44px 40px}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:20px}.catalog-label{font-size:12px;letter-spacing:.12em;color:#6d7065;margin:0 0 12px}.collection-heading h1{font-family:"Songti TC","Noto Serif TC",serif;font-size:38px;font-weight:500;letter-spacing:.08em;margin:0;line-height:1.3}.collection-heading>p{font-size:14px;color:#696c61;margin:0 0 4px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.collection-card{border-top:2px solid #252621;border-bottom:1px solid #bcbfb4;display:grid;grid-template-columns:minmax(0,1fr);background:transparent}.collection-art{height:360px;position:relative;padding:28px;display:grid;place-items:center;background:#e9ebe5;text-decoration:none}.collection-art img{height:100%;max-width:100%;object-fit:contain;transition:transform .2s}.collection-art:hover img{transform:scale(1.025)}.art-caption{position:absolute;bottom:14px;left:20px;font-size:12px;letter-spacing:.04em;color:#656a5c;background:#e9ebe5;padding:4px 0}.collection-info{padding:24px 0 28px}.accession{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:#727569;margin-bottom:16px}.collection-info h2{font-family:"Songti TC","Noto Serif TC",serif;font-size:32px;font-weight:500;margin:0 0 12px;letter-spacing:.06em}.name-label{font-size:13px;color:#707366;margin:0 0 10px}.collection-description{font-size:16px;line-height:1.85;margin:0;max-width:54ch;color:#51574a}.collection-counts{display:flex;gap:30px;padding:18px 0;border-top:1px solid #d5d8ce;border-bottom:1px solid #d5d8ce;margin:22px 0;font-size:13px;color:#666c5d}.collection-counts strong{font-size:22px;font-weight:500;color:#282d23;margin-right:8px}.collection-open{display:inline-block;padding:11px 20px;background:#28332a;color:#fff;text-decoration:none;font-size:14px;border-radius:2px}.collection-open:hover{background:#435643}.museum-footer{margin-top:48px;border-top:1px solid #afb4a6;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#767c6c}.museum-footer>span{font-size:15px;letter-spacing:.08em;font-weight:600}.museum-footer p{font-size:13px;margin:0}.museum-footer small{font-size:12px}.shell{max-width:1500px;padding:34px 40px;grid-template-columns:190px minmax(0,1fr);gap:32px}.sidebar h2{font-size:13px;letter-spacing:.1em}.sidebar nav a{border-radius:0;padding:11px 0;font-size:14px;border-bottom:1px solid #d6dbcf}.sidebar nav a:hover{background:transparent;border-color:#8d9a82}.brand-context{display:flex;gap:12px;align-items:center;font-size:13px;color:#6e7666;margin-bottom:25px}.brand-context a{color:#5c6955}.character-intro{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,1fr);gap:30px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #bcc4b4}.character-intro h1{font-family:"Songti TC","Noto Serif TC",serif;font-size:40px;font-weight:500;letter-spacing:.08em;margin:0;line-height:1.3}.character-description p:last-child{font-size:16px;line-height:1.9;margin:0;color:#53604c;max-width:50ch}.intro h2{font-family:"Songti TC","Noto Serif TC",serif;font-size:24px;font-weight:500;letter-spacing:.04em}.version{border-radius:0;border:0;border-top:2px solid #35412f;border-bottom:1px solid #bdc6b5;background:transparent;overflow:visible}.card-heading{padding:15px 0;border-bottom:0}.badge{border-radius:0;background:transparent;border:1px solid #c6cebf;padding:3px 7px;font-size:12px}.stage{background-image:none;background:#e9ede4;height:300px;padding:22px}.card-body{padding:22px 0 26px}.card-body h2{font-family:"Songti TC","Noto Serif TC",serif;font-weight:500;font-size:25px;margin-bottom:13px}.version-description{font-size:15px;line-height:1.85;color:#596653;margin:0 0 20px}.status{margin:0 0 20px}.master-links a{border-radius:2px;font-size:14px;padding:7px 11px}.product-section{border-color:#d4dccd}.product strong{font-size:16px;font-weight:600}.product a:first-of-type:not(.art-view-button){border-radius:2px;background:#354930}.workstation-footer{border-color:#bbc6b1}.version:target{border-color:#60774f;box-shadow:none}.version-id{font-size:13px;letter-spacing:.1em}.detail{color:#68785d}@media(min-width:1500px){.versions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.museum-header{padding:26px 28px}.museum-home{padding:36px 28px}.shell{padding:30px 28px;grid-template-columns:160px minmax(0,1fr);gap:24px}.stage{height:260px}}@media(max-width:780px){.museum-header{min-height:94px;gap:18px;padding:24px}.wordmark{font-size:26px}.brand-purpose{font-size:13px}.museum-home{padding:30px 24px}.collection-grid{grid-template-columns:1fr}.collection-card{grid-template-columns:1fr 1fr;gap:24px}.collection-art{height:380px;margin-top:18px}.collection-info{padding-top:18px}.collection-heading h1{font-size:32px}.shell{display:block;padding:28px 24px}.sidebar nav a{min-width:140px;background:transparent;border:0;border-bottom:1px solid #ccd4c3;padding:10px 0}.sidebar{margin-bottom:28px}.sidebar nav{gap:20px}.character-intro{gap:24px}.character-intro h1{font-size:35px}.stage{height:270px}}@media(max-width:560px){.museum-header{min-height:90px;flex-wrap:wrap;gap:10px 16px;padding:20px 18px}.wordmark{font-size:27px;flex-basis:calc(100% - 86px);order:0}.museum-private{order:1;margin-left:0;font-size:12px}.brand-purpose{order:2;font-size:12px}.museum-home{padding:30px 18px}.collection-heading{display:block;margin-bottom:24px}.collection-heading>p{margin-top:14px}.collection-grid{display:block}.collection-card{display:block}.collection-art{height:340px;margin-top:0}.collection-info{padding-top:22px}.collection-heading h1{font-size:31px}.collection-description{font-size:16px}.museum-footer{display:block;margin-top:36px}.museum-footer p{margin:12px 0}.shell{padding:26px 18px}.character-intro{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.character-intro h1{font-size:36px}.character-description p:last-child{font-size:16px}.stage{height:310px}.card-heading{padding:14px 0}.versions{gap:26px}.intro p{font-size:13px}}@media(prefers-reduced-motion:reduce){.collection-art img{transition:none}}

/* Keep the character visible beyond its frame while foreground text stays readable. */
.collection-card{position:relative;isolation:isolate}
.collection-art{z-index:0;overflow:visible}
.collection-info{position:relative;z-index:2;margin:12px 0 18px;padding:20px 18px 24px;background:rgba(248,248,245,.50);border:1px solid #d5d8ce;box-shadow:none}
.art-caption{z-index:2;padding:5px 9px;background:rgba(248,248,245,.97);font-size:14px}
@media(max-width:780px){.collection-info{align-self:start;margin-top:18px}}
@media(max-width:560px){.collection-info{margin-top:12px;padding:20px 16px 24px}}


.collection-info,.collection-info *{text-shadow:none}

.collection-open{font-family:"Songti TC","Noto Serif TC",serif;font-size:16px;font-weight:500;letter-spacing:.06em;text-shadow:none;box-shadow:none;background:#28332a;border-radius:0}

.material-entry{margin-top:40px;padding:26px 0;border-top:1px solid #afb4a6}.material-entry h2,.material-text h2{font-family:"Songti TC","Noto Serif TC",serif;font-weight:500}.material-nav{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0 32px}.material-policy{max-width:65ch;line-height:1.9}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.material-card{border-top:2px solid #252621;border-bottom:1px solid #bcbfb4;scroll-margin-top:24px}.material-image{display:block;height:320px;padding:18px;background:#e9ebe5}.material-image img{width:100%;height:100%;object-fit:contain}.material-text{padding:18px 0 26px}.material-text h2{font-size:24px;margin:10px 0}.material-text p{line-height:1.8;font-size:16px}.material-text .material-meta{font-size:14px;color:#64695d}.material-text a{font-size:16px}.material-entry p{font-size:16px}@media(max-width:1000px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.material-grid{grid-template-columns:1fr}}

.wordmark{display:inline-flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:176px;line-height:1;text-decoration:none}.header-lettermark{display:flex;width:184px;height:35px}.header-lettermark .letter-svg{width:12.5%;height:100%;display:block}.header-lettermark path{fill:none;stroke:#252721;stroke-width:3.1;stroke-linecap:butt;stroke-linejoin:miter}.header-studio{display:flex;align-items:center;gap:7px;font-family:"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.1em;color:#646b5b}.header-studio::before{content:"";width:17px;height:1px;background:#909585}@media(max-width:560px){.wordmark{min-width:154px;align-items:flex-start}.header-lettermark{width:165px;height:32px}.header-studio{align-self:flex-end}.museum-header{gap:14px 16px}.museum-private{margin-left:auto}}

.collection-art.character-preview{display:block;height:360px;overflow:hidden}.character-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.character-preview:hover img{transform:none}

#collections .collection-card{grid-template-rows:360px auto;align-content:start}#collections .collection-art{margin-top:0;height:360px}#collections .collection-info{display:flex;flex-direction:column;align-self:start;width:100%;margin-top:12px}#collections .collection-counts{margin-top:auto}#collections .collection-open{align-self:flex-start;flex:none}@media(max-width:780px){#collections .collection-card{grid-template-columns:1fr;gap:0}}

#collections .collection-art,#collections .collection-art.character-preview{display:block;position:relative;overflow:visible;padding:0;z-index:0}#collections .collection-art img,#collections .character-preview img{position:absolute;top:28px;left:50%;width:90%;height:560px;max-width:none;max-height:none;object-fit:contain;object-position:center top;transform:translateX(-50%);transition:none}#collections .collection-art:hover img{transform:translateX(-50%)}#collections .collection-info{background:var(--archive-panel-gradient);z-index:2}@media(max-width:560px){#collections .collection-art img{height:520px}}

.coordinate-collection{position:relative;isolation:isolate}.coordinate-collection::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(248,248,245,.80),rgba(248,248,245,.80)),var(--coordinate-art);background-size:cover;background-position:center}.coordinate-collection .museum-header{background:rgba(248,248,245,.85)}.accession{gap:14px}.accession span:last-child{text-align:right;letter-spacing:.03em}

/* Collection index: fine ruled labels echo the coordinate artwork. */
.coordinate-collection .collection-index{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:28px 0 34px;padding:12px 0;border-top:1px solid #aeb5ab;border-bottom:1px solid #aeb5ab}
.collection-index a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-width:0;min-height:72px;padding:12px 14px;background:rgba(248,248,245,.78);border:1px solid #c9cec4;color:#28372f;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.collection-index a::after{content:"";position:absolute;right:-1px;top:-1px;width:9px;height:9px;border-top:1px solid #657462;border-right:1px solid #657462}
.collection-index .index-code{font:500 12px/1.2 Arial,sans-serif;letter-spacing:.14em;color:#74806e}
.collection-index .index-name{font-family:"Songti TC","Noto Serif TC",serif;font-size:16px;line-height:1.4;letter-spacing:.04em;white-space:nowrap}
.collection-index a:hover{background:#e8ece3;border-color:#657462;color:#18281f}
.collection-index a:focus-visible{outline:2px solid #455b45;outline-offset:3px;background:#e8ece3}
@media(max-width:1100px){.coordinate-collection .collection-index{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.coordinate-collection .collection-index{gap:6px;margin:22px 0 26px;padding:10px 0}.collection-index a{min-height:65px;padding:10px 7px;gap:6px}.collection-index .index-name{font-size:14px;letter-spacing:0}.collection-index .index-code{font-size:12px;letter-spacing:.08em}}
@media(max-width:359px){.coordinate-collection .collection-index{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Enlarge the drawing inside its original transparent canvas. */
#CF-S01 .material-image{overflow:hidden}
#CF-S01 .material-image img{transform:scale(3);transform-origin:51% 46%;}

/* Shared translucent surfaces and legible accession labels. */
:root{--archive-panel-gradient:linear-gradient(to top right,rgba(248,248,245,.92) 0%,rgba(248,248,245,.65) 25%,rgba(248,248,245,.20) 50%,rgba(248,248,245,.65) 75%,rgba(248,248,245,.92) 100%)}
#collections .collection-info,.collection-info,.material-text,.card-body,.material-entry{background:var(--archive-panel-gradient)}
.collection-art,.material-image,.stage{background:var(--archive-panel-gradient)}
.collection-info .accession{font-size:14px;font-weight:500;line-height:1.5;color:#303c32;align-items:flex-start;gap:10px}
.collection-info .accession span{display:block;padding:3px 7px;background:rgba(248,248,245,.95);border:1px solid rgba(174,181,171,.65)}
.collection-info .name-label{color:#455040}

#YXB-00 .original-sketch-grid{grid-template-columns:1fr;gap:24px}#YXB-00 #sketches{margin-top:24px;padding:20px 0}#YXB-00 #sketches>h2{font-size:22px}

/* Compact frosted collection tabs. */
.coordinate-collection .collection-index{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px;padding:10px 0}
.collection-index a{flex:0 0 auto;min-height:52px;min-width:104px;padding:8px 12px;gap:4px;background:rgba(248,248,245,.55);backdrop-filter:blur(12px) saturate(.85);-webkit-backdrop-filter:blur(12px) saturate(.85);border-color:rgba(135,147,131,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.collection-index .index-code{font-size:12px;line-height:1.1;letter-spacing:.10em;color:#64705e}
.collection-index .index-name{font-size:14px;line-height:1.4;letter-spacing:.025em}
.collection-index a:hover,.collection-index a:focus-visible{background:rgba(235,240,230,.75);border-color:#899780}
@media(max-width:560px){.coordinate-collection .collection-index{gap:6px;margin:18px 0 24px}.collection-index a{min-width:0;flex:1 0 calc(25% - 6px);min-height:48px;padding:7px 8px}.collection-index .index-name{font-size:14px}}

/* Lightly frosted backing for collection names. */

#collections .collection-art[href="/characters/curly-gentleman/"] img,#collections .collection-art[href="/characters/curly-gentleman/"]:hover img{transform:translateX(-50%) scale(2.5);transform-origin:51% 46%}
/* Keep the complete Onion.b mark and signature above its description. */
#collections .collection-art[href="/characters/onion-b/"] img,
#collections .collection-art[href="/characters/onion-b/"]:hover img{top:24px;height:calc(100% - 48px);width:90%;object-fit:contain;object-position:center;transform:translateX(-50%)}

/* A quiet signature using the same letterforms as the header. */
.museum-footer .footer-wordmark{min-width:0;flex:0 0 auto;align-items:flex-end;gap:5px;order:0}.footer-wordmark .header-lettermark{width:142px;height:27px}.footer-wordmark .header-studio{font-size:10px;letter-spacing:.08em}.footer-wordmark .header-studio::before{width:14px}.footer-wordmark:focus-visible{outline:2px solid #657462;outline-offset:6px}

/* Centered disclosure for the collection series index. */
.series-dropdown{position:relative;border-top:1px solid #aeb5ab;margin:30px 0 32px;padding-top:12px}
.series-dropdown>summary{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-35px auto -9px;list-style:none;cursor:pointer;background:rgba(248,248,245,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;color:#56634f}
.series-dropdown>summary::-webkit-details-marker{display:none}
.series-triangle{display:block;width:14px;height:12.124px;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .24s ease}
.series-dropdown[open] .series-triangle{transform:rotate(180deg)}
.series-dropdown>summary:hover{color:#243a2c;background:rgba(248,248,245,.96)}
.series-dropdown>summary:focus-visible{outline:2px solid #657462;outline-offset:3px}
.coordinate-collection .series-dropdown .collection-index{margin:12px 0 0;padding-top:8px;border-top:0}
@media(prefers-reduced-motion:reduce){.series-triangle{transition:none}}

/* New full-body editions have tightly framed canvases. */
#collections .collection-art[href="/characters/curly-gentleman/"] img,#collections .collection-art[href="/characters/curly-gentleman/"]:hover img{transform:translateX(-50%);transform-origin:center}
.derivative-card .material-image{height:420px}.derivative-card .material-image img{width:100%;height:100%;object-fit:contain}
.dyu-brand-preview{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.dyu-brand-preview img{height:calc(100% - 48px)!important;max-width:100%;object-fit:contain}
.dyu-wordmark{display:block;color:#202922;line-height:1;font-family:"Helvetica Neue",Arial,sans-serif}
.dyu-wordmark.shenghua{font-size:22px;font-weight:500;letter-spacing:.24em;padding-left:.24em}
.dyu-wordmark.dmba{font-size:28px;font-weight:800;font-style:italic;letter-spacing:.13em;padding-left:.13em}
#collections .collection-art.dyu-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}
#collections .collection-art.dyu-cover img,#collections .collection-art.dyu-cover:hover img{position:static;width:100%;height:calc(100% - 48px);transform:none;object-fit:contain;object-position:center}

.series-groups{display:grid;gap:18px;padding-top:14px}.series-group h2{font-family:"Songti TC",serif;font-size:16px;font-weight:500;letter-spacing:.1em;margin:0;color:#4b5949}.coordinate-collection .series-group .collection-index{margin:8px 0 0;padding:0 0 14px}.series-group:last-child .collection-index{border-bottom:0}

.dyu-brand-preview{text-decoration:none}

.material-image.yuanscope-dark{background:#151815}#collections .collection-art.yuanscope-cover{background:#151815;overflow:hidden}#collections .collection-art.yuanscope-cover img,#collections .collection-art.yuanscope-cover:hover img{top:24px;height:calc(100% - 48px);object-position:center;transform:translateX(-50%)}

#collections .collection-art.yuanscope-cover{background:var(--archive-panel-gradient)}

.panel-preview{display:flex;align-items:center;justify-content:center;text-decoration:none}.panel-preview img{max-width:100%;width:100%;height:100%;object-fit:contain}.panel-preview.yuanscope-dark{background:#151815}#CF-S01 .panel-preview{overflow:hidden}#CF-S01 .panel-preview img{transform:scale(3);transform-origin:51% 46%}

.series-actions{display:flex;justify-content:flex-end}.series-actions button{font:inherit;font-size:14px;color:#24473d;background:rgba(248,248,245,.85);border:1px solid #aeb5ab;padding:9px 14px;cursor:pointer}.series-group>summary{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;list-style:none;font-family:"Songti TC",serif;font-size:16px;letter-spacing:.1em;color:#4b5949}.series-group>summary::-webkit-details-marker{display:none}.group-chevron{display:inline-block;transition:transform .15s}.series-group:not([open]) .group-chevron{transform:rotate(-90deg)}.series-group>summary:focus-visible,.series-actions button:focus-visible{outline:2px solid #657462;outline-offset:3px}
/* Horizontal series headings with vertical collection lists. */
.series-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.series-actions{display:block}
.series-actions button,.series-group>summary{box-sizing:border-box;width:100%;min-height:44px;padding:8px 0;border:0;background:transparent;color:#4b5949;font-family:"Songti TC",serif;font-size:16px;font-weight:400;letter-spacing:.1em;text-align:left;line-height:1.5}
.coordinate-collection .series-group .collection-index{display:flex;flex-direction:column;align-items:stretch;gap:8px;border:0;padding:0;margin:8px 0 0}
.coordinate-collection .series-group .collection-index a{box-sizing:border-box;width:100%;min-width:0;margin:0}
@media(max-width:650px){.series-groups{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.series-actions button,.series-group>summary{font-size:13px;letter-spacing:0;gap:4px;align-items:flex-start}.coordinate-collection .series-group .collection-index a{padding:8px 5px;overflow-wrap:anywhere}.series-group .index-name,.series-group .index-code{font-size:12px}}

.rights-badge{display:flex;align-items:center;gap:7px;align-self:flex-start;width:fit-content;margin:16px 0 10px;padding:5px 9px;border:1px solid #a9b8ac;background:rgba(248,250,246,.92);color:#33513e;font-size:12px;line-height:1.5;letter-spacing:.03em}.rights-badge>span{font-size:16px;font-weight:600;line-height:1}.rights-badge.authorized{color:#705822;border-color:#c4b48b;background:rgba(251,248,237,.94)}.collection-counts{flex-wrap:wrap}

.museum-footer .ownership-notice{flex:1;min-width:0;max-width:760px;text-align:left}.museum-footer .ownership-notice p{margin:0 0 10px;line-height:1.8}.museum-footer .ownership-notice p:first-child{font-weight:600;color:#3d4d40}.museum-footer{align-items:flex-start;gap:24px}@media(max-width:650px){.museum-footer .ownership-notice{width:100%;max-width:none}}

.back-to-top{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 15px;border:1px solid #81917f;border-radius:2px;background:rgba(248,248,245,.94);backdrop-filter:blur(10px);color:#304639;font:14px/1.5 "Songti TC",serif;letter-spacing:.08em;cursor:pointer;box-shadow:0 3px 14px #243a2c12}.back-to-top[hidden]{display:none}.back-to-top>span:first-child{font:24px/1 system-ui}.back-to-top:hover{background:#304639;color:#fff}.back-to-top:focus-visible{outline:2px solid #304639;outline-offset:4px}@media(max-width:650px){.back-to-top{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:9px 12px}}

.series-dropdown{z-index:5}.series-group{position:relative}.coordinate-collection .series-group .collection-index{position:absolute;top:100%;left:0;z-index:40;width:max(100%,180px);max-width:calc(100vw - 32px);max-height:60vh;overflow:auto;padding:12px;margin:6px 0 0;border:1px solid #b1bcb0;background:rgba(248,250,247,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 30px #243a2c20}.series-group:last-child .collection-index{left:auto;right:0;border-bottom:1px solid #b1bcb0}.series-group>summary.is-active,#show-all-series[aria-pressed="true"]{color:#183e30;text-decoration:underline;text-underline-offset:6px}.collection-card[hidden]{display:none!important}
/* Compact collection heading and navigation spacing. */
.coordinate-collection .museum-home{padding-top:24px}
.coordinate-collection .collection-heading{margin-bottom:0;align-items:center}
.coordinate-collection .series-dropdown{margin-top:20px;margin-bottom:18px;padding-top:8px}
.coordinate-collection .series-dropdown>summary{margin-top:-31px;margin-bottom:-11px}
.coordinate-collection .series-groups{padding-top:4px}
@media(max-width:560px){.coordinate-collection .museum-home{padding-top:20px}.coordinate-collection .collection-heading>p{margin-top:6px}.coordinate-collection .series-dropdown{margin-top:18px;margin-bottom:14px}}

.accession-grouped{align-items:center;gap:12px;flex-wrap:wrap}.accession-identity{display:flex;align-items:center;gap:8px}.accession-grouped .accession-series{margin-left:auto;text-align:left}.accession-identity>span{background:rgba(248,248,245,.95);border:1px solid #c6cebf;padding:5px 7px;color:#28372e;line-height:1.4}

/* Original artwork viewing, without download controls. */
.stage[data-view-src]{cursor:zoom-in}
.stage[data-view-src]:focus-visible,.art-view-button:focus-visible{outline:2px solid #304a3a;outline-offset:4px}
.art-view-button{display:inline-block;margin-top:16px;padding:9px 15px;border:1px solid #a9b1a7;color:#25332a;text-decoration:none;font-size:14px}
.art-viewer{width:calc(100vw - 40px);max-width:1400px;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid #a9b1a7;background:#f7f8f5;color:#25332a}
.art-viewer::backdrop{background:rgba(22,31,27,.72);backdrop-filter:blur(8px)}
.art-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid #cdd2ca;height:68px;box-sizing:border-box}
.art-viewer-bar p{margin:0;font-size:16px}
.art-viewer-bar button{flex-shrink:0;background:transparent;color:inherit;border:1px solid #a9b1a7;padding:10px 14px;cursor:pointer;font:inherit}
.art-viewer-canvas{height:calc(100% - 68px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.art-viewer-canvas img{display:block;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:600px){.art-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.art-viewer-bar{padding:8px 12px}.art-viewer-bar p{font-size:14px}}

/* Compact floating collection navigation. */
.coordinate-collection .header-tagline{margin:0 0 0 auto;color:#696c61;font-size:14px;line-height:1.6;text-align:right}
.coordinate-collection .collection-navigation{position:sticky;top:12px;z-index:60;display:flex;align-items:center;gap:28px;padding:12px 20px;margin:0 0 24px;border:1px solid #b7beb3;background:rgba(248,250,247,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 24px #243a2c12}
.coordinate-collection .collection-navigation .collection-heading{flex:0 0 auto;margin:0;display:block}
.coordinate-collection .collection-navigation h1{font-size:24px;white-space:nowrap}
.coordinate-collection .collection-navigation .series-dropdown{flex:1;min-width:0;border:0;padding:0;margin:0}
.coordinate-collection .collection-navigation .series-groups{padding:0;gap:18px;align-items:center}
.coordinate-collection .collection-navigation .series-group>summary,.coordinate-collection .collection-navigation .series-actions button{font-size:15px;letter-spacing:.03em;gap:6px}
.coordinate-collection #collections{scroll-margin-top:110px}
@media(max-width:780px){.coordinate-collection .collection-navigation{display:block;padding:10px 14px;top:8px}.coordinate-collection .collection-navigation h1{font-size:21px;margin-bottom:4px}.coordinate-collection .collection-navigation .series-groups{gap:8px}.coordinate-collection .collection-navigation .series-group>summary,.coordinate-collection .collection-navigation .series-actions button{font-size:13px;letter-spacing:0;gap:4px}.coordinate-collection #collections{scroll-margin-top:130px}}
@media(max-width:560px){.coordinate-collection .header-tagline{order:3;flex-basis:100%;font-size:13px;text-align:right}.coordinate-collection .collection-navigation{margin-left:-6px;margin-right:-6px}.coordinate-collection .collection-navigation .series-group>summary{align-items:center}.coordinate-collection .collection-navigation .series-group .collection-index{min-width:160px}}

.ownership-notice>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;color:#35483f;font-size:13px;font-weight:600;line-height:1.7}
.ownership-notice>summary::-webkit-details-marker{display:none}
.ownership-notice>summary:focus-visible{outline:1px solid #657462;outline-offset:4px}
.rights-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;color:#56634f}
.rights-triangle{display:block;width:14px;height:12.124px;clip-path:polygon(0 0,100% 0,50% 100%);background:currentColor;animation:rights-clockwise 9s linear infinite;--rights-angle:0deg}
.ownership-notice[open] .rights-triangle{--rights-angle:180deg}
.ownership-notice>summary:hover .rights-triangle,.ownership-notice>summary:focus .rights-triangle{animation:none;transform:rotate(var(--rights-angle))}
.ownership-body{padding-top:4px}
@keyframes rights-clockwise{from{transform:rotate(var(--rights-angle))}to{transform:rotate(calc(var(--rights-angle) + 360deg))}}
@media(prefers-reduced-motion:reduce){.rights-triangle{animation:none;transform:rotate(var(--rights-angle))}}

.ownership-notice>summary{justify-content:flex-start;gap:2px}
.ownership-notice .rights-toggle{flex-basis:32px;width:32px}
.museum-footer .ownership-notice .ownership-body p{font-family:inherit;font-size:13px;font-weight:400;color:#767c6c;line-height:1.8;letter-spacing:normal}
.collection-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px}
.collection-info .collection-title-row h2{margin:0}
.collection-title-row .rights-badge{align-self:center;flex-shrink:0;margin:0;padding:2px 5px;gap:4px;font-size:11px;line-height:1.4;letter-spacing:0}
.collection-title-row .rights-badge>span{font-size:12px}

/* Clear glass navigation with the collection's serif typography. */
.coordinate-collection .collection-navigation{background:rgba(248,250,247,.32);backdrop-filter:blur(7px) saturate(110%);-webkit-backdrop-filter:blur(7px) saturate(110%);border-color:rgba(112,128,112,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 5px 18px rgba(36,58,44,.06)}
.coordinate-collection .collection-navigation h1,.coordinate-collection .collection-navigation .series-group>summary,.coordinate-collection .collection-navigation .series-actions button{font-family:"Songti TC","Noto Serif TC",serif;font-weight:400;color:#28332a;letter-spacing:.08em}
.coordinate-collection .collection-navigation .series-group .collection-index{background:rgba(248,250,247,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media(max-width:780px){.coordinate-collection .collection-navigation .series-group>summary,.coordinate-collection .collection-navigation .series-actions button{letter-spacing:0}}

/* Rounded, lightly frosted glass with restrained surface highlights. */
.coordinate-collection .collection-navigation{border-radius:16px;background:linear-gradient(125deg,rgba(255,255,255,.50),rgba(255,255,255,.14) 42%,rgba(246,250,247,.26) 72%,rgba(255,255,255,.38));backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(122,142,129,.16),0 0 0 1px rgba(118,135,122,.18),0 7px 22px rgba(36,58,44,.07)}
.coordinate-collection .collection-navigation .series-group .collection-index{border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(248,250,247,.38));border-color:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 1px rgba(118,135,122,.18),0 10px 26px rgba(36,58,44,.10)}
@media(max-width:780px){.coordinate-collection .collection-navigation{border-radius:13px}}
.coordinate-collection .collection-navigation #show-all-series{display:flex;align-items:center}
#show-all-series .group-chevron{transform:rotate(-90deg)}

:is(.coordinate-collection .back-to-top,.interior-back-to-top){width:48px;height:48px;min-width:48px;padding:0;display:grid;place-items:center;border-radius:50%;color:#28332a;background:linear-gradient(125deg,rgba(255,255,255,.50),rgba(255,255,255,.14) 42%,rgba(246,250,247,.26) 72%,rgba(255,255,255,.38));backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(122,142,129,.16),0 0 0 1px rgba(118,135,122,.18),0 7px 22px rgba(36,58,44,.07)}
:is(.coordinate-collection .back-to-top,.interior-back-to-top)[hidden]{display:none}
:is(.coordinate-collection .back-to-top,.interior-back-to-top):hover{color:#183e30;background-color:rgba(255,255,255,.25)}
:is(.coordinate-collection .back-to-top,.interior-back-to-top)>span{font-size:25px;line-height:1}

.coordinate-collection .collection-open{border-radius:12px;border:1px solid rgba(217,232,222,.32);background:linear-gradient(125deg,rgba(255,255,255,.13),rgba(255,255,255,.015) 42%,rgba(185,209,192,.07) 72%,rgba(255,255,255,.11)),rgba(40,51,42,.92);backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.12),0 5px 16px rgba(36,58,44,.09);color:#fff}
.coordinate-collection .collection-open:hover{background-color:rgba(40,61,46,.96)}

/* Make the small glass control legible against the pale page. */
:is(.coordinate-collection .back-to-top,.interior-back-to-top){background:linear-gradient(145deg,rgba(255,255,255,.62) 0%,rgba(224,238,231,.16) 42%,rgba(136,162,151,.22) 100%);backdrop-filter:blur(3px) saturate(145%);-webkit-backdrop-filter:blur(3px) saturate(145%);border:1px solid rgba(255,255,255,.85);box-shadow:inset 1px 2px 2px rgba(255,255,255,.95),inset -1px -2px 3px rgba(64,91,77,.25),0 0 0 1px rgba(102,130,115,.3),0 5px 15px rgba(35,61,47,.18);overflow:hidden}
:is(.coordinate-collection .back-to-top,.interior-back-to-top)::before{content:"";position:absolute;inset:3px 6px 52%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));pointer-events:none}
:is(.coordinate-collection .back-to-top,.interior-back-to-top)>span{position:relative;z-index:1}
:is(.coordinate-collection .back-to-top,.interior-back-to-top):hover{background-color:rgba(159,187,171,.13)}

/* Shared collection glass surfaces; the entrance uses its own stylesheet. */
:root{--glass-surface:linear-gradient(135deg,rgba(255,255,255,.48),rgba(244,249,246,.26) 48%,rgba(220,234,225,.32));--glass-reading:linear-gradient(135deg,rgba(255,255,255,.88),rgba(246,249,246,.78));--glass-edge:1px solid rgba(255,255,255,.72);--glass-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(84,110,93,.12),0 0 0 1px rgba(117,139,123,.17),0 5px 18px rgba(35,59,44,.06)}
.collection-info,.coordinate-collection .collection-info,.card-body{background:var(--glass-reading);border:var(--glass-edge);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:blur(9px) saturate(112%);-webkit-backdrop-filter:blur(9px) saturate(112%);padding:22px;color:#28332a}
.collection-art,.stage,.panel-preview{background:var(--glass-surface);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.collection-card,.version{border-radius:18px}
.character-intro,.sidebar,.ownership-body{background:var(--glass-reading);border:var(--glass-edge);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding:20px}
.sidebar{align-self:start}.ownership-body{margin-top:10px}
.accession>span,.accession-identity>span,.badge,.rights-badge,.master-links a,.art-view-button,.material-nav a{border-radius:8px;background:var(--glass-reading);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.product{border-radius:12px;background:var(--glass-reading);padding:14px;border:var(--glass-edge)}
.art-viewer{border-radius:18px;background:var(--glass-reading);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-shadow)}
.museum-header{background:var(--glass-reading);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@media(max-width:560px){.collection-info,.coordinate-collection .collection-info,.card-body{padding:18px}.character-intro,.sidebar,.ownership-body{padding:16px}}

/* Text sits directly on the single reading-glass panel. */
#collections .collection-info{background:var(--glass-reading)}
.collection-info h2,.collection-info .name-label,.card-body h2,.card-body p,.character-intro h1,.character-description p,.material-text h2,.material-text p{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}

/* Remove legacy square corner marks and opaque frame strokes. */
.collection-index a::after{content:none}
.collection-card,.version,.material-card{border-top:1px solid rgba(255,255,255,.72);border-bottom:1px solid rgba(116,139,124,.18)}
.collection-index a,.collection-index a:hover,.material-nav a{border-color:rgba(132,153,139,.25)}
.museum-header{border-bottom-color:rgba(116,139,124,.24)}
.version:target{border-color:rgba(116,139,124,.3)}

/* Clear artwork panes and matching glass accession headers. */
.versions .stage,.versions .panel-preview{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(236,247,240,.06));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.versions .card-heading{padding:14px 18px;border:1px solid rgba(255,255,255,.65);border-radius:14px;background:linear-gradient(125deg,rgba(255,255,255,.30),rgba(240,248,243,.12));box-shadow:var(--glass-shadow);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.versions .version{display:flex;flex-direction:column}.versions .stage{flex-shrink:0}.versions .card-body{box-sizing:border-box;flex:1}

/* Rights and series share a single label group. */
.accession-classification{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto}
.collection-info .accession-classification .rights-badge,.collection-info .accession-classification .accession-series{box-sizing:border-box;margin:0;padding:3px 7px;font:inherit;line-height:1.5;letter-spacing:.03em;color:#303c32;border:1px solid rgba(174,181,171,.65);border-radius:8px;background:var(--glass-reading);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);white-space:nowrap}
.collection-info .accession-classification .rights-badge{align-self:center;gap:5px}
.collection-info .accession-classification .rights-badge>span{display:inline;padding:0;border:0;background:none;box-shadow:none;font-size:14px;line-height:1;letter-spacing:0}

.series-group[open] > .collection-index{overflow-x:hidden}
.coordinate-collection .series-group .collection-index > a{flex:none}

/* Copyright heading follows the collection's editorial typography. */
.museum-footer .ownership-notice>summary{font-family:"Songti TC","Noto Serif TC",serif;font-size:12px;font-weight:400;letter-spacing:.03em;line-height:1.8;color:#4b5949}
.museum-footer .ownership-notice>summary>span:first-child{font:inherit;color:inherit}
.museum-footer .ownership-notice>summary:hover{color:#28332a}
@media(max-width:560px){.museum-footer .ownership-notice>summary{font-size:12px;letter-spacing:.025em}}

/* Balance the outer footer items so the copyright line sits on the page center. */
.museum-footer .footer-wordmark,.museum-footer .site-version{flex:0 0 200px}
.museum-footer .site-version{text-align:right}
.museum-footer .ownership-notice>summary{justify-content:center;text-align:center}
.museum-footer .ownership-notice>summary::before{content:"";flex:0 0 32px}
.museum-footer .rights-triangle{width:9px;height:7.8px}
@media(max-width:920px){.museum-footer .footer-wordmark,.museum-footer .site-version{flex:0 0 auto}.museum-footer .site-version{margin-left:auto}.museum-footer .ownership-notice{order:2;flex:0 0 100%;max-width:none}}

/* Ink-green glass actions: translucent tint, curved highlight, polished edges. */
.coordinate-collection .collection-open,.product a:first-of-type:not(.art-view-button){
 position:relative;isolation:isolate;overflow:hidden;border-radius:12px;
 border:1px solid rgba(214,246,229,.65);
 background:radial-gradient(ellipse at 24% -35%,rgba(221,255,239,.42),transparent 62%),linear-gradient(135deg,rgba(23,78,58,.78),rgba(9,49,35,.72) 52%,rgba(29,85,63,.76));
 color:#fff;backdrop-filter:blur(5px) saturate(150%);-webkit-backdrop-filter:blur(5px) saturate(150%);
 box-shadow:inset 0 1px 1px rgba(240,255,247,.65),inset 0 -1px 1px rgba(185,234,207,.35),inset 1px 0 0 rgba(219,255,233,.3),0 5px 14px rgba(12,48,32,.16);
 text-shadow:0 1px 2px rgba(0,29,18,.6);transition:box-shadow .25s,filter .25s;
}
.coordinate-collection .collection-open::before,.product a:first-of-type:not(.art-view-button)::before{content:"";position:absolute;inset:1px 1px 48%;border-radius:10px 10px 45% 25%;background:linear-gradient(175deg,rgba(255,255,255,.24),rgba(222,255,238,.035));pointer-events:none;z-index:-1}
.coordinate-collection .collection-open:hover,.product a:first-of-type:not(.art-view-button):hover{background-color:transparent;filter:brightness(1.1);box-shadow:inset 0 1px 2px rgba(255,255,255,.8),inset 0 -1px 1px rgba(185,234,207,.5),0 6px 18px rgba(12,48,32,.22)}

/* Consistent manuscript attribution. */
.sketch-credits{margin:18px 0;font-size:16px;line-height:1.9;color:inherit}.sketch-credits .credit-label{display:inline-block;width:4em;text-align-last:justify}

.coordinate-collection .header-summary{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.coordinate-collection .header-summary .header-tagline{margin:0}.gallery-total{margin:0;font-family:"Songti TC","Noto Serif TC",serif;font-size:13px;font-weight:400;letter-spacing:.09em;line-height:1.6;color:#687365}.gallery-total span{font-size:16px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#405747}@media(max-width:600px){.coordinate-collection .header-summary{order:3;flex-basis:100%;gap:5px}.gallery-total{font-size:12px}}
/* Keep accession labels together on one row. */
.coordinate-collection .accession-grouped{flex-wrap:nowrap;gap:10px;overflow-x:auto;max-width:100%;padding-bottom:3px;scrollbar-width:thin}
.coordinate-collection .accession-identity,.coordinate-collection .accession-classification{flex-wrap:nowrap;flex-shrink:0;white-space:nowrap;gap:6px}
@media(min-width:781px) and (max-width:1180px){.coordinate-collection .accession-grouped{font-size:11px;letter-spacing:0;gap:5px}.coordinate-collection .accession-identity>span,.coordinate-collection .accession-classification .rights-badge,.coordinate-collection .accession-classification .accession-series{padding:3px 4px}.coordinate-collection .accession-identity,.coordinate-collection .accession-classification{gap:4px}}
@media(max-width:780px){.coordinate-collection .collection-card{grid-template-columns:1fr}.coordinate-collection .collection-art{margin-top:0}.coordinate-collection .accession-grouped{gap:6px;font-size:12px;letter-spacing:0}.coordinate-collection .accession-identity>span,.coordinate-collection .accession-classification .rights-badge,.coordinate-collection .accession-classification .accession-series{padding:3px 5px}.coordinate-collection .accession-identity,.coordinate-collection .accession-classification{gap:4px}}

.coordinate-collection .collection-navigation .series-groups{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.coordinate-collection .collection-navigation .series-group>summary{white-space:nowrap;font-size:14px;letter-spacing:.02em}.coordinate-collection .series-group[data-info-menu]:last-child .collection-index{left:auto;right:0;min-width:220px}.info-page{max-width:900px;margin:40px auto;padding:0 24px 60px}.info-page article{margin-top:24px;padding:32px;border-radius:16px;background:var(--glass-reading);border:1px solid #ccd4cd}.info-page h1,.info-page h2,.info-page h3{font-family:"Songti TC","Noto Serif TC",serif;font-weight:400}.info-page p{font-size:16px;line-height:1.9}.info-page section{margin-top:36px;scroll-margin-top:24px}@media(max-width:1100px){.coordinate-collection .collection-navigation{display:block}.coordinate-collection .collection-navigation .collection-heading{margin-bottom:8px}.coordinate-collection .collection-navigation .series-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media(max-width:560px){.coordinate-collection .collection-navigation .series-group>summary{font-size:12px;letter-spacing:0}.info-page article{padding:22px}}
/* One continuous row for all six navigation choices. */
.coordinate-collection .collection-navigation .series-groups{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:12px;align-items:center}
.coordinate-collection .collection-navigation .series-group,.coordinate-collection .collection-navigation .series-actions{flex:0 0 auto;min-width:0}
.coordinate-collection .collection-navigation .series-group>summary,.coordinate-collection .collection-navigation .series-actions button{white-space:nowrap;font-size:14px;letter-spacing:0;gap:4px}
@media(max-width:1100px){.coordinate-collection .collection-navigation{display:block}.coordinate-collection .collection-navigation .series-groups{gap:8px}.coordinate-collection .collection-navigation .series-group>summary,.coordinate-collection .collection-navigation .series-actions button{font-size:13px}}
@media(max-width:700px){.coordinate-collection .collection-navigation .series-dropdown{overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.coordinate-collection .collection-navigation .series-groups{width:max-content;gap:20px}.coordinate-collection .collection-navigation .series-group .collection-index[popover]{position:fixed;inset:auto;margin:0;width:230px;max-width:calc(100vw - 32px);max-height:60vh;overflow:auto;box-sizing:border-box}.coordinate-collection .collection-navigation .series-group .collection-index[popover]:not(:popover-open){display:none}}

/* Approved SHIHYUAN lockup: shared footer geometry, proportional header scale. */
.museum-header>.wordmark,.museum-footer .footer-wordmark{--lockup-unit:1px;display:inline-flex;flex-direction:row;align-items:center;gap:calc(3 * var(--lockup-unit));min-width:0;line-height:1;flex-shrink:0}
.museum-header>.wordmark{--lockup-unit:1.4px}
.wordmark .brand-symbol{width:calc(29 * var(--lockup-unit));height:calc(29 * var(--lockup-unit));object-fit:contain;flex-shrink:0}
.wordmark .brand-type{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--lockup-unit))}
.wordmark .brand-type .header-lettermark{width:calc(116 * var(--lockup-unit));height:calc(22 * var(--lockup-unit))}
.wordmark .header-studio{font-size:calc(9 * var(--lockup-unit));gap:calc(6 * var(--lockup-unit));letter-spacing:.06em;align-self:center;line-height:1;justify-content:center;white-space:nowrap}
.wordmark .header-studio::before,.wordmark .header-studio::after{content:"";display:block;width:calc(14 * var(--lockup-unit));height:var(--lockup-unit);background:#909585;flex-shrink:0}
@media(max-width:560px){.museum-header>.wordmark{--lockup-unit:1.25px;flex-basis:auto}.museum-footer .footer-wordmark{--lockup-unit:1px}}

/* Homepage and collection pages use the same outlined DESIGN STUDIO lettering. */
.wordmark .header-studio{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:calc(5 * var(--lockup-unit));color:#61675b}
.wordmark .header-studio::before,.wordmark .header-studio::after{width:100%;height:1px}
.wordmark .studio-vector{display:block;width:calc(76 * var(--lockup-unit));height:auto;overflow:visible}
.wordmark .studio-vector g{stroke-width:2}

/* Keep interior-page footers aligned with the collection index. */
.interior-footer-shell{max-width:1440px;margin:0 auto;padding:0 40px}
@media(max-width:1050px){.interior-footer-shell{padding:0 28px}}
@media(max-width:780px){.interior-footer-shell{padding:0 24px}}
@media(max-width:560px){.interior-footer-shell{padding:0 18px}}

/* Keep old accession bookmarks usable after numbering corrections. */
.version{position:relative}.version-legacy-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;scroll-margin-top:24px}

/* Character biography sits alongside the works as an optional reading panel. */
.character-profile{margin:0 0 28px;border:1px solid #ccd4cd;border-radius:16px;background:var(--glass-reading);color:#53604c}.character-profile>summary{padding:18px 24px;font-family:"Songti TC","Noto Serif TC",serif;font-size:18px;line-height:1.6;cursor:pointer}.character-profile>summary:focus-visible{outline:1px solid #657462;outline-offset:3px;border-radius:16px}.character-profile-body{padding:0 24px 24px}.character-profile-body section+section{margin-top:28px}.character-profile-body h2{font-family:"Songti TC","Noto Serif TC",serif;font-size:22px;font-weight:400;margin:12px 0 18px;color:#28332a}.character-profile-body h3{font-size:16px;font-weight:500;margin:20px 0 8px;color:#35483f}.character-profile-body p{font-size:16px;line-height:1.9;margin:0 0 12px}@media(max-width:560px){.character-profile>summary{padding:16px 18px;font-size:17px}.character-profile-body{padding:0 18px 18px}}

.product a.art-view-button{padding:9px 15px;margin:16px 0 0;border:1px solid #a9b1a7;border-radius:8px;background:var(--glass-reading);color:#25332a;text-decoration:none;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-shadow:none}
.product a.art-view-button:hover{background:var(--glass-reading);border-color:#657462}
.product a.art-view-button::before{content:none}
