/* MuseMuse museum pages: same editorial layout as the blog (journal.css). Loaded after each page's own styles. */
.jmus{padding-top:0}
.jmus .jtop{max-width:880px;margin:0 auto;padding:clamp(40px,6vw,84px) 20px clamp(28px,3.6vw,44px);text-align:center}
.jmus .pcrumb{margin:0 0 26px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.jmus .pcrumb a{border:0}
.jmus .pkicker{justify-content:center;margin:0 0 22px}
.jmus h1.ptitle{max-width:16ch;margin:0 auto;font-family:var(--display);font-weight:500;font-size:clamp(40px,7vw,88px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
.jmus .pdek{margin:26px auto 0;max-width:44ch;font-family:var(--display);font-weight:500;font-style:italic;font-size:clamp(19px,2.2vw,24px);line-height:1.4;color:var(--body);text-wrap:pretty}

.jmus .jhero{max-width:1320px;margin:0 auto clamp(40px,5.5vw,76px);padding:0 20px}
.jmus .jhero img{display:block;width:100%;height:auto;max-height:min(72svh,720px);object-fit:cover;border-radius:14px;background:var(--surface)}

.jmus .jbody{padding:0 20px}
.jmus .rich{max-width:660px;margin:0 auto}
.jmus .rich p,.jmus .rich li{font-size:18px;line-height:1.72;color:var(--body)}
.jmus .rich > p:first-of-type::first-letter{float:left;font-family:var(--display);font-weight:500;font-size:5.1em;line-height:.82;padding:.07em .1em 0 0;color:var(--ink)}
.jmus .rich h2,.jmus .rich h3,.jmus .rich h4{font-family:var(--display);font-weight:500;color:var(--ink);text-align:center;letter-spacing:-.02em;line-height:1.12;margin:clamp(44px,5.5vw,64px) auto 20px;max-width:22ch;font-size:clamp(25px,3vw,34px)}

.jmus .jsec{max-width:1320px;margin:clamp(64px,8vw,110px) auto 0;padding:clamp(40px,5vw,60px) 20px 0;border-top:1px solid var(--hair)}
.jmus .jsec > h2{text-align:center;font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 clamp(26px,3.4vw,40px);padding:0;border:0}
.jmus .hgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);margin:0}
.jmus .hgrid figure{margin:0}
.jmus .hgrid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:var(--surface)}
.jmus .hgrid figcaption{margin:16px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:26ch}
.jmus .hgrid .ha{font-family:var(--sans);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);line-height:1.4}
.jmus .hgrid .ht{font-family:var(--display);font-weight:500;font-style:italic;font-size:clamp(17px,1.5vw,19px);line-height:1.22;letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
.jmus .hgrid .hd{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--mute);font-variant-numeric:tabular-nums}

.jmus .cta{max-width:880px;margin:clamp(64px,8vw,110px) auto 0}
.jmus .ctawrap{padding:0 20px}

.jmus .mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,34px)}
.jmus .mgrid.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin:0 auto}
.jmus .mgrid.n1{grid-template-columns:minmax(0,1fr);max-width:440px;margin:0 auto}
.jmus .mcard{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;padding:0;border:0;background:none}
.jmus .mcard img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:var(--surface);margin:0 0 16px}
.jmus .mcard .k{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.jmus .mcard .t{font-family:var(--display);font-weight:500;font-size:clamp(21px,2.1vw,26px);line-height:1.15;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.jmus .mcard:hover .t{font-style:italic}
.jmus .jall{display:flex;justify-content:center;margin:clamp(34px,4vw,48px) 0 0}
.jmus .jall a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}
.jmus .jend{height:clamp(60px,8vw,110px)}

@media (max-width:900px){.jmus .hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .jmus .mgrid,.jmus .mgrid.n2{grid-template-columns:1fr;gap:40px}
  .jmus .rich p,.jmus .rich li{font-size:17px}
}
@media (max-width:420px){.jmus .hgrid{gap:28px 14px}.jmus .hgrid .ht{font-size:15.5px}.jmus .hgrid .ha{font-size:9.5px;letter-spacing:.14em}}

/* hide city on phone */
@media (max-width:760px){.jmus .mcard .k{display:none}}

.jmus .hgrid.n3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin:0 auto}
@media (max-width:900px){.jmus .hgrid.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* app CTA, editorial */
.jmus .cta{background:none;border-radius:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);padding:clamp(36px,5vw,64px) 0;margin-left:auto;margin-right:auto;max-width:1080px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:clamp(28px,4.5vw,64px);align-items:end}
.jmus .cta > div:first-child{display:contents}
.jmus .cta h2{grid-column:1;align-self:start;margin:0;font-family:var(--display);font-weight:500;font-size:clamp(40px,5.6vw,72px);line-height:.96;letter-spacing:-.035em;color:var(--ink);text-align:left}
.jmus .cta h2 em{display:block;font-style:italic}
.jmus .cta h2::before{display:none}
.jmus .cta .ctabody{grid-column:2;display:flex;flex-direction:column;align-items:flex-start}
.jmus .cta .ctabody p{margin:0;font-family:var(--sans);font-size:17px;line-height:1.58;color:var(--body);max-width:36ch;text-align:left}
.jmus .cta .btn{margin-top:26px;min-height:52px;padding:0 30px;border-radius:999px;background:var(--ink);color:var(--canvas);font-family:var(--sans);font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.jmus .cta .ctafine{margin:14px 0 0!important;font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.jmus .cta .ctaqr{grid-column:3;display:flex;flex-direction:column;align-items:center;text-align:center}
.jmus .cta .qrbox{width:116px;height:116px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--hair)}
.jmus .cta .qrcap{margin:12px 0 0!important;font-size:10.5px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);max-width:none}
@media (max-width:900px){.jmus .cta{grid-template-columns:minmax(0,1fr) auto;align-items:start}.jmus .cta h2{grid-column:1/-1}.jmus .cta .ctabody{grid-column:1}.jmus .cta .ctaqr{grid-column:2;align-self:end}}
@media (max-width:640px){.jmus .cta{grid-template-columns:1fr;text-align:center;justify-items:center}.jmus .cta h2{text-align:center}.jmus .cta .ctabody{grid-column:1;align-items:center}.jmus .cta .ctabody p{text-align:center}.jmus .cta .ctaqr{display:none}}
