@import url('fonts.css');
*{box-sizing:border-box}body{margin:0;font:15px/1.5 'Space Grotesk',sans-serif;background:#e8d8b7;color:#403522}main{max-width:1100px;margin:auto;padding:22px 30px}header,footer{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid;padding:12px 0;margin-bottom:20px}footer{border-top:1px solid;border-bottom:0;margin:20px 0 0;font-size:12px}h1{font:48px/1.08 'Bodoni Moda',Georgia,serif;max-width:650px;margin:12px 0}h2{font-size:22px;margin:10px 0}p{margin:10px 0}small,.eyebrow{font:11px/1.5 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:25px;align-items:center}.portrait{background:url('assets/portraits.png') 0 0/300% 100%;height:220px;aspect-ratio:2/3;margin:auto;border:7px double currentColor}.rohan .portrait{background-position:50% 0;height:185px}.meera .portrait{background-position:100% 0;height:255px;border:0}.plaque{font-size:11px;text-align:center}.gallery{background:linear-gradient(90deg,#c8b78e88 1px,transparent 1px) 0 0/25% 100%;border:1px solid;padding:15px;display:flex;align-items:center;justify-content:space-around;gap:15px}.object{font-size:60px}.rooms,.tabs,.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}button{font:inherit;cursor:pointer;border:1px solid currentColor;padding:9px 12px;background:transparent;color:inherit}button[aria-pressed=true]{background:#403522;color:#e8d8b7}button:hover{filter:brightness(1.15)}:focus-visible{outline:3px solid #a6442e;outline-offset:3px}.exhibits,.posters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.exhibits button{text-align:left;padding:16px}.exhibits strong{display:block;font:23px/1.15 'Bodoni Moda',Georgia,serif;margin:12px 0}.detail{border:1px solid;padding:16px;margin-top:15px}.detail h3{margin:8px 0}.detail .close{float:right}.detail p{max-width:800px}.rohan{background:#143b32;color:#e5dca7}.rohan main{background-image:linear-gradient(#e5dca708 1px,transparent 1px),linear-gradient(90deg,#e5dca708 1px,transparent 1px);background-size:24px 24px}.rohan h1,.meera h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:43px}.rohan button[aria-pressed=true]{background:#d6e96d;color:#143b32}.strip{border-block:1px solid;padding:9px 0;margin:17px 0;font:12px 'Space Mono',monospace}.bench{border:2px solid;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;box-shadow:6px 6px 0 #061d16}.instrument{background:#e5dca7;color:#143b32;padding:20px;border-radius:8px}.digits{font:60px 'Space Mono',monospace}input[type=range]{width:100%;accent-color:#143b32}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px;font-size:13px}.meera{background:#161a1a;color:#e9dfc7}.meera h1{font-family:Anton,sans-serif;font-weight:400;font-size:55px}.meera .hero{background:linear-gradient(90deg,#161a1a,#36342b);padding:16px}.meera button[aria-pressed=true]{background:#ed7352;color:#161a1a}.poster{min-height:155px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;padding:15px;font:25px Anton,sans-serif;background:#23534f}.poster:nth-child(2){background:#a94c2c}.poster:nth-child(3){background:#565c38}.poster span{font:11px 'Space Grotesk',sans-serif}.chapter-controls{display:flex;align-items:center;gap:12px;margin-top:16px}.disclosure{font-size:11px;opacity:.8;margin-top:18px}a{color:inherit}[hidden]{display:none!important}@media(max-width:600px){main{padding:18px}.hero{grid-template-columns:1fr;gap:15px}h1,.rohan h1{font-size:37px}.meera h1{font-size:43px}.portrait{height:205px}.gallery{padding:10px}.object{font-size:40px}.exhibits{grid-template-columns:1fr}.exhibits button{padding:12px}.exhibits strong{font-size:23px;margin:5px 0}.bench{grid-template-columns:1fr;padding:14px}.notes{grid-template-columns:1fr;gap:0}.posters{gap:6px}.poster{padding:9px;font-size:20px;min-height:150px}.poster span{font-size:10px}.chapter-controls{flex-wrap:wrap}header small{max-width:110px}.rooms button,.tabs button{font-size:12px}.meera .hero{padding:10px}.meera .portrait{height:230px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}