/* Chinese-led exhibition identity. */
.masthead { --chinese-header-size: clamp(30px, 3.8vw, 58px); --english-cabinet-size: clamp(17px, 1.8vw, 26px); }
.masthead { gap: 32px; padding-top: 32px; padding-bottom: 30px; }
.masthead .wordmark {
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  letter-spacing: 0; min-width: 0;
}
.masthead .wordmark .brand-primary {
  font-family: var(--sans); font-size: calc(var(--chinese-header-size) + 6pt);
  font-weight: 800; line-height: 1.25; letter-spacing: .025em;
}
.masthead .wordmark .brand-secondary {
  font-family: Georgia, 'Times New Roman', serif; font-size: calc(var(--english-cabinet-size) + 2pt);
  font-weight: 400; line-height: 1.35; letter-spacing: .015em;
  border: 0; padding: 0; color: #555;
}
.masthead .header-note {
  font: 400 var(--english-cabinet-size)/1.3 Georgia, 'Times New Roman', serif;
  letter-spacing: 0; text-align: right; color: #555;
}
.footer-wordmark { font-family: var(--sans); font-size: 24px; font-weight: 400; letter-spacing: 0; }
.footer-wordmark em { font: 400 14px/1.6 Georgia, 'Times New Roman', serif; letter-spacing: 0; }
@media(max-width:700px) {
  .masthead { flex-direction: column; align-items: flex-start; gap: 15px; padding-top: 24px; padding-bottom: 23px; }
  .masthead .wordmark { gap: 7px; }
  .masthead .header-note { text-align: left; }
  .masthead { --chinese-header-size: clamp(26px, 6.6vw, 42px); --english-cabinet-size: 16px; }
}

/* Bilingual cabinet subtitle */
.masthead .header-note .cabinet-zh{display:block;font-family:var(--sans);font-size:var(--chinese-header-size);font-weight:700;line-height:1.25;margin-bottom:5px;color:var(--ink)}
.masthead .header-note .cabinet-en{display:block}

/* Bilingual collection section title */
.collection-intro .journey-title{margin:0;max-width:1180px;letter-spacing:0}
.collection-intro .journey-title .journey-zh{display:block;margin:0;font-family:var(--sans);font-size:clamp(23px,2.3vw,34px);font-weight:500;line-height:1.65;letter-spacing:.015em}
.collection-intro .journey-title .journey-en{display:block;margin:14px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.7vw,23px);font-weight:400;line-height:1.55;letter-spacing:0;color:#686868}

/* Responsive prehistoric and living fish montage */
.collection-intro.fish-banner{
 position:relative;width:100%;max-width:100%;min-width:0;margin-top:clamp(20px,2.5vw,32px);
 display:grid;grid-template-columns:minmax(0,1fr);place-items:center;
 min-height:0;aspect-ratio:auto;padding:clamp(78px,9.5vw,148px) clamp(16px,3vw,44px);
 background:rgb(251,240,217) url('../media/fish-montage.webp') center/cover no-repeat;
}
.collection-intro.fish-banner .journey-title{
 width:100%;min-width:0;max-width:1180px;margin:0;padding:12px clamp(8px,1.5vw,20px);
 text-align:center;position:relative;overflow-wrap:anywhere;box-sizing:border-box;
 background:rgba(251,240,217,.94);box-shadow:0 0 22px 14px rgba(251,240,217,.94);
}
.collection-intro.fish-banner .journey-zh{font-size:clamp(20px,2.3vw,34px);line-height:1.6;white-space:normal}
.collection-intro.fish-banner .journey-en{font-size:clamp(16px,1.7vw,23px);line-height:1.5;color:#4e473c;white-space:normal}
@media(max-width:700px){
 .collection-intro.fish-banner{padding:clamp(64px,16vw,110px) 16px}
 .collection-intro.fish-banner .journey-en{margin-top:12px}
 /* Credits stay visible when the panoramic image crops on narrower screens. */
 .collection-intro.fish-banner::after{content:"";position:absolute;right:12px;bottom:12px;width:45px;height:13.5px;background:rgb(251,240,217) url('plusx-logo.svg') center/contain no-repeat;pointer-events:none}
 .collection-intro.fish-banner::before{content:"Watercolor painting created by AI tool";position:absolute;left:12px;bottom:12px;max-width:calc(100% - 126px);font:8px/1.4 Arial,sans-serif;color:rgb(105,100,90);background:rgb(251,240,217);padding:3px 4px;pointer-events:none}
}

/* Align mobile montage disclosure and logo to the same lower edge. */
@media(max-width:700px){.collection-intro.fish-banner::before{bottom:12px;padding:0 4px;line-height:1}}