.lz-exhibition{background:#f5f1e8;color:#27332d;min-height:100vh;font-family:inherit;margin:-24px;padding:0 24px 32px}
.lz-exhibition *{box-sizing:border-box}
.lz-museum-header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-size:14px}
.lz-museum-header span:first-child{letter-spacing:.22em}.lz-museum-header span:last-child{color:#68756c}
.lz-intro{max-width:1200px;margin:auto;padding:48px 0 48px}.lz-kicker{font-size:12px;letter-spacing:.28em;color:#76847a}
.lz-intro h1{max-width:850px;margin:20px 0;font-size:clamp(36px,5vw,60px);font-weight:300;letter-spacing:.08em;line-height:1.22;color:#27332d}
.lz-intro>p:not(.lz-kicker){max-width:680px;margin:0;color:#68756c;font-size:16px;line-height:2}
.lz-intro-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:#8a7560}
.lz-halls{max-width:1200px;margin:auto;display:grid;gap:24px;padding-bottom:40px}
.lz-hall{display:grid;grid-template-columns:72fr 28fr;overflow:hidden;border:1px solid #c5c9be;background:#fbfaf5;box-shadow:0 14px 42px rgba(55,63,51,.08)}
.lz-hall-link{position:relative;display:block;min-height:360px;overflow:hidden;border-right:1px solid #c5c9be;color:#fff;text-decoration:none}
.lz-hall-link:hover,.lz-hall-link:focus-visible{color:#fff}.lz-hall-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.lz-hall-link:hover img,.lz-hall-link:focus-visible img{transform:scale(1.02)}
.lz-hall-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,37,31,.85),rgba(24,37,31,.2) 55%,transparent)}
.lz-hall-content{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-start;padding:36px;z-index:1}
.lz-hall-content small{font-size:12px;letter-spacing:.24em;color:#dce4d8}.lz-hall-content strong{font-size:clamp(36px,4vw,48px);font-weight:300;letter-spacing:.08em;margin-top:12px}
.lz-description{white-space:pre-line;max-width:580px;font-size:14px;line-height:2;color:#edf1e9;margin-top:16px}
.lz-hall-cta{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.7);padding:12px 16px;margin-top:24px;font-size:14px;transition:transform .3s,background .3s,color .3s}
.lz-hall-link:hover .lz-hall-cta,.lz-hall-link:focus-visible .lz-hall-cta{transform:translateX(4px);background:#fff;color:#27332d}
.lz-hall-note{margin-top:12px;font-size:11px;color:#dce4d8}.lz-phase2{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:36px;background:#e8e6dc;color:#4c5148}
.lz-phase2 small{font-size:12px;letter-spacing:.18em;color:#817766}.lz-phase2 h2{font-size:24px;font-weight:300;margin:20px 0 12px;color:#4c5148}.lz-phase2 p{font-size:14px;line-height:2;color:#74776d;margin:0}.lz-phase2>span{align-self:flex-start;border:1px solid #a9a99e;padding:8px 12px;margin-top:32px;font-size:12px;color:#77786f}
.lz-prototype-note{max-width:1200px;margin:0 auto;color:#68756c;font-size:12px;line-height:1.8}
.lz-preview-links{max-width:1200px;margin:0 auto 20px;display:flex;gap:12px;flex-wrap:wrap}.lz-preview-links a{border:1px solid #aebaae;padding:10px 14px;background:#fbfaf5;color:#456052;text-decoration:none;font-size:13px}.lz-preview-links a:hover{background:#e8eee7;color:#274b3c}
@media(max-width:900px){.lz-hall{grid-template-columns:1fr}.lz-hall-link{border-right:0;border-bottom:1px solid #c5c9be}.lz-exhibition{margin:-16px;padding:0 16px 24px}}
@media(max-width:600px){.lz-intro{padding:32px 0}.lz-hall-content{padding:28px}.lz-hall-link{min-height:390px}.lz-phase2{padding:28px}}
/* P2: inherit the platform's calm classroom palette without changing portal content. */
.lz-exhibition{background:#f5f8f4;color:#273b35}
.lz-intro{padding:38px 0 42px}
.lz-intro h1{font-weight:650;letter-spacing:.025em}
.lz-halls{gap:20px}
.lz-hall{border-radius:14px;border-color:#c9d4cc;box-shadow:0 10px 32px rgba(26,58,46,.1)}
.lz-hall-link:focus-visible,.lz-preview-links a:focus-visible{outline:3px solid #e0a949;outline-offset:-3px}
.lz-preview-links{padding:10px 0 6px}
.lz-preview-links a{display:inline-flex;align-items:center;min-height:44px;border-radius:9px;border-color:#b8cec1;background:#fff;color:#1d654f;font-weight:650}
.lz-preview-links a:hover{background:#e7f0e9;color:#175e49}
@media(max-width:600px){.lz-intro{padding:26px 0}.lz-intro h1{font-size:clamp(30px,9vw,42px)}.lz-preview-links a{width:100%}}