/* Museum sections use the directory pages' editorial type and shared frame.
   This sheet changes presentation only; drafts, exports and public records stay intact. */
:root { --museum-hero-ink: var(--eg-ink, #27382f); --museum-hero-line: var(--eg-line, #dedfd5); }
/* The standalone page otherwise inherits WordPress's extra 24px block gap. */
main:has(> #ieum-footprints) { margin-block-start: 0; }
#ieum-connected:has(> #ic-collection:not([hidden])),
#ieum-connected:has(#ic-studio-slot:not([hidden]) #ds-make:not([hidden])),
#ieum-degas-studio.simple-editor-mode { background: var(--eg-paper, #f7f4ee); }
.museum-page-hero,
#ieum-degas-studio .museum-page-hero {
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 0 32px;
  border-bottom: 1px solid var(--museum-hero-line);
  color: var(--museum-hero-ink);
  font-family: var(--ieum-font-body);
}
.museum-hero-copy { min-width: 0; }
.museum-page-hero .museum-hero-kicker,
#ieum-connected .museum-page-hero .museum-hero-kicker {
  margin: 0 0 20px;
  color: var(--eg-clay, #c7775e);
  font: 700 12px/1.5 var(--ieum-font-body);
  letter-spacing: .12em;
}
.museum-page-hero .museum-hero-title,
#ieum-connected .museum-page-hero .museum-hero-title {
  margin: 0 0 24px;
  font-family: var(--ieum-font-body);
  font-size: var(--ieum-type-page-hero);
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -.055em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.museum-hero-title > span,
.museum-hero-title > strong { display: block; }
.museum-hero-title > span { font-family: var(--ieum-font-body); font-weight: 300; }
.museum-hero-title > strong { font-family: var(--ieum-font-display); font-weight: 700; }
.museum-page-hero .museum-hero-copy .museum-hero-description,
#ieum-connected .museum-page-hero .museum-hero-description {
  max-width: 620px;
  margin: 0;
  color: var(--eg-muted, #667061);
  font: 400 17px/1.85 var(--ieum-font-body);
  letter-spacing: -.025em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.museum-footprints { padding-top: 0; }
.museum-page-hero.fp-motion-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; min-height: 0; }
.museum-page-hero .fp-primary { margin-top: 24px; min-height: 44px; font: 500 15px/1.5 var(--ieum-font-body); }
.museum-page-hero .fp-motion-stage { background: transparent; }
#ieum-connected > #ic-collection { padding-top: 0; }
#ieum-degas-studio .museum-page-hero { margin-bottom: 0; }
#ieum-degas-studio .museum-page-hero .museum-hero-copy { display: block; }
#ieum-degas-studio .museum-page-hero .museum-hero-title { margin-bottom: 24px; }
#ieum-degas-studio .museum-page-hero .museum-hero-description { padding-bottom: 0; }
@media (min-width: 721px) {
  #ieum-degas-studio.simple-editor-mode > main:has(#ds-make:not([hidden])) { padding-top: 0; }
  .museum-page-hero:not(.fp-motion-hero) .museum-hero-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 40px;
  }
  .museum-page-hero:not(.fp-motion-hero) .museum-hero-kicker { grid-column: 1 / -1; }
  .museum-page-hero:not(.fp-motion-hero) .museum-hero-title { margin-bottom: 0; }
  .museum-page-hero:not(.fp-motion-hero) .museum-hero-description { align-self: end; padding-bottom: 6px; }
}
#ieum-degas-studio .se-heading { padding-block: 24px; }
#ieum-degas-studio .se-heading h2 {
  margin: 0 0 8px;
  font: 700 24px/1.4 var(--ieum-font-display);
  letter-spacing: -.035em;
}
#ieum-connected .collection { font-family: var(--ieum-font-body); }
#ieum-connected .collection > h2 {
  margin: 48px 0 24px;
  font: 700 clamp(26px, 2.8vw, 36px)/1.35 var(--ieum-font-display);
  letter-spacing: -.04em;
  word-break: keep-all;
}
#ieum-connected .collection .collection-intro { font-size: 15px; line-height: 1.85; }
#ieum-connected .collection-tools { gap: 12px; margin: 0 0 18px; }
#ieum-connected .collection-tools button,
#ieum-connected .collection-tools label { font: 500 14px/1.6 var(--ieum-font-body); }
#ieum-connected .collection-tools label { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
#ieum-connected .collection-tools input { min-width: 0; font: 400 14px/1.5 var(--ieum-font-body); }
#ieum-connected .col-project h3,
.museum-footprints .fp-card h2 {
  font-family: var(--ieum-font-display);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.035em;
}
.museum-footprints .fp-card-type { font-size: 12px; }
.museum-footprints .fp-card-body { font-size: 16px; line-height: 1.85; }
/* One reading hierarchy and control language below the heroes, too. */
.museum-footprints { --fp-line: var(--museum-hero-line); }
.museum-footprints .fp-preview-note,
.museum-footprints .fp-status,
.museum-footprints .fp-bottom-note { font-size: 14px; line-height: 1.85; }
.museum-footprints .fp-preview-note { padding: 16px 20px; margin-block: 24px; }
.museum-footprints .fp-tools { margin: 24px 0 16px; gap: 16px 24px; }
.museum-footprints .fp-tools :is(label,select,button) { font-size: 14px; line-height: 1.6; }
.museum-footprints .fp-card { border-color: var(--museum-hero-line); }
.museum-footprints .fp-art-credit,
.museum-footprints .fp-author { font-size: 13px; line-height: 1.8; }
.museum-footprints .fp-card-actions { gap: 8px; }
.museum-footprints .fp-card-actions :is(a,button),
.museum-footprints .fp-card .fp-read-more { min-height: 44px; font-size: 14px; line-height: 1.6; }
.museum-footprints .fp-card-actions a { display: inline-flex; align-items: center; }
.museum-footprints .fp-card-actions button { color: #52634d; }
.museum-footprints :is(button,select),
#ieum-connected .collection button { border-radius: 0; }
#ieum-connected .collection { font-size: 16px; line-height: 1.85; }
#ieum-connected :is(.col-notes,.col-projects) { gap: 28px; }
#ieum-connected .col-note,
#ieum-connected .col-project {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--museum-hero-line);
  padding: 24px 0;
}
#ieum-connected .col-note h3 {
  font: 700 18px/1.5 var(--ieum-font-display);
  letter-spacing: -.025em;
  word-break: keep-all;
}
#ieum-connected .col-project img { background: var(--eg-paper, #f7f4ee); }
#ieum-connected .collection .col-meta { font-size: 14px; line-height: 1.8; }
#ieum-connected .collection :is(.col-actions button,.col-note button,.collection-tools button) {
  min-height: 44px;
  padding: 10px 14px;
  border-color: var(--museum-hero-line);
  background: transparent;
  font: 500 14px/1.6 var(--ieum-font-body);
}
#ieum-connected .collection input[type=file]::file-selector-button {
  min-height: 44px;
  margin-right: 10px;
  padding: 10px 14px;
  border: 1px solid var(--museum-hero-line);
  border-radius: 0;
  background: transparent;
  color: var(--museum-hero-ink);
  font: 500 14px/1.6 var(--ieum-font-body);
  cursor: pointer;
}
#ieum-connected .collection :is(button,input):focus-visible,
.museum-footprints :is(button,select,a):focus-visible {
  outline: 2px solid var(--eg-clay, #c7775e);
  outline-offset: 3px;
}
#ieum-degas-studio .simple-editor { font-family: var(--ieum-font-body); }
#ieum-degas-studio :is(.se-success-actions,.se-advanced-controls) { font-family: var(--ieum-font-body); }
#ieum-degas-studio #se-success h2 {
  font: 700 30px/1.4 var(--ieum-font-display);
  letter-spacing: -.035em;
}
@media (min-width: 721px) {
  #ieum-degas-studio .se-preview-top { font-size: 14px; }
  #ieum-degas-studio .simple-editor :is(legend,.se-writing>label) {
    font: 700 15px/1.6 var(--ieum-font-body);
    margin-bottom: 12px;
  }
  #ieum-degas-studio .simple-editor fieldset { margin-bottom: 24px; }
  #ieum-degas-studio :is(.se-formats button,.se-design span,.se-message button) { font-size: 14px; line-height: 1.6; }
  #ieum-degas-studio :is(.se-counter,#se-message-hint,.se-public-note,.se-advanced-help,#se-status) { font-size: 14px; line-height: 1.8; }
  #ieum-degas-studio #se-reflection { font: 400 16px/1.85 var(--ieum-font-body); }
  #ieum-degas-studio :is(.se-formats button,.se-message button,#se-inspect) { min-height: 44px; border-radius: 0; }
  #ieum-degas-studio .se-composition h2 { font: 700 22px/1.45 var(--ieum-font-display); letter-spacing: -.035em; }
}
@media (max-width: 720px) {
  .museum-footprints,
  #ieum-connected > #ic-collection { padding: 0 20px 40px; }
  .museum-page-hero,
  #ieum-degas-studio .museum-page-hero { padding: 32px 0 28px; margin-bottom: 24px; }
  .museum-page-hero .museum-hero-kicker,
  #ieum-connected .museum-page-hero .museum-hero-kicker { margin-bottom: 16px; font-size: 11px; }
  .museum-page-hero .museum-hero-title,
  #ieum-connected .museum-page-hero .museum-hero-title { font-size: 42px; line-height: 1.15; margin-bottom: 20px; }
  .museum-page-hero .museum-hero-copy .museum-hero-description,
  #ieum-connected .museum-page-hero .museum-hero-description { font-size: 16px; line-height: 1.85; }
  .museum-page-hero.fp-motion-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .museum-page-hero .fp-motion-copy br { display: initial; }
  #ieum-connected .collection > h2 { margin-top: 36px; font-size: 26px; }
  #ieum-connected .collection-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #ieum-connected .collection-tools label { grid-column: 1 / -1; padding: 10px 0; }
  #ieum-connected .collection-tools input { width: 100%; }
  .museum-footprints .fp-tools { gap: 16px; }
  .museum-footprints .fp-filters { width: 100%; gap: 4px; justify-content: space-between; }
  .museum-footprints .fp-filters button { margin-right: 0; font-size: 14px; }
  .museum-footprints .fp-preview-note { padding: 16px; }
  #ieum-connected .collection .col-meta { font-size: 14px; }
  /* The phone editor remains a focused work surface: a compact section identity
     keeps the shared type contrast without displacing the canvas and tools. */
  body.se-mobile-studio #ieum-degas-studio .museum-page-hero {
    flex: none; padding: 12px 16px 10px; margin: 0; border-bottom: 1px solid var(--museum-hero-line);
  }
  body.se-mobile-studio #ieum-degas-studio .museum-hero-kicker { color: #e6a18a; font-size: 10px; margin-bottom: 4px; }
  body.se-mobile-studio #ieum-degas-studio .museum-hero-title { color: #eef2df; font-size: 24px; line-height: 1.3; margin: 0; }
  body.se-mobile-studio #ieum-degas-studio .museum-hero-title > :is(span,strong) { display: inline; }
  body.se-mobile-studio #ieum-degas-studio .museum-hero-description,
  body.se-mobile-studio #ieum-degas-studio .se-heading h2 { display: none; }
}
@media print { #ieum-degas-studio .museum-page-hero { display: none; } }

/* Personal collection follows the artist detail's 1040px title frame and
   centered 736px reading column, rather than the directory's split hero. */
#ieum-connected > #ic-collection {
  max-width: 1040px;
  padding-inline: 24px;
  padding-bottom: 72px;
}
#ieum-connected #ic-collection .museum-hero-copy { display: block; }
#ieum-connected #ic-collection .museum-page-hero {
  margin-bottom: 0;
  padding-bottom: 32px;
  border-bottom: 0;
}
#ieum-connected #ic-collection .museum-hero-title {
  margin: 0 0 18px;
  line-height: 1.15;
}
#ieum-connected #ic-collection .collection-subtitle {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: #667061;
  font: 500 14px/1.7 var(--ieum-font-body);
  letter-spacing: .04em;
}
#ieum-connected #ic-collection .collection-subtitle::before {
  content: '';
  width: 36px;
  height: 1px;
  background: #a2aa9e;
}
#ieum-connected #ic-collection .museum-hero-description {
  max-width: 736px;
  margin: 32px auto 0;
  padding: 0;
  font-size: 20px;
  line-height: 1.8;
}
#ieum-connected #ic-collection > :is(.collection-tools,.collection-intro,#ic-status,h2,.col-notes,.col-projects) {
  max-width: 736px;
  margin-inline: auto;
}
#ieum-connected #ic-collection .collection-tools { padding-top: 24px; border-top: 1px solid var(--museum-hero-line); }
#ieum-connected #ic-collection > h2 { margin-top: 64px; margin-bottom: 24px; }
#ieum-connected #ic-collection :is(.col-notes,.col-projects) { grid-template-columns: minmax(0,1fr); }
#ieum-connected #ic-collection .col-note { font-size: 17px; line-height: 1.9; }
#ieum-connected #ic-collection .col-project img { height: auto; max-height: 640px; object-fit: contain; }
#ieum-connected #ic-collection .col-project h3 { margin-top: 24px; }
@media(max-width:720px) {
  #ieum-connected > #ic-collection { padding-inline: 20px; padding-bottom: 40px; }
  #ieum-connected #ic-collection .museum-hero-title { font-size: clamp(32px,8.8vw,42px); }
  #ieum-connected #ic-collection .museum-hero-description { margin-top: 24px; font-size: 17px; line-height: 1.85; }
  #ieum-connected #ic-collection .museum-hero-description br { display: none; }
  #ieum-connected #ic-collection > h2 { margin-top: 40px; font-size: 26px; }
  #ieum-connected #ic-collection .col-note { font-size: 16px; }
}