.piece-observation{padding:75px 0;background:#e9e2d7;text-align:center}.piece-observation .wrap{max-width:1100px}.observation-heading h2{font-size:clamp(1.9rem,3.4vw,3.2rem);font-weight:400;line-height:1.4}.observation-heading p,.observation-source{color:#756c61}.piece-observation figure{margin:30px 0 20px}.observation-window{aspect-ratio:4/3;overflow:hidden;background:#ded4c5;border-radius:12px}.observation-window img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.piece-observation figcaption{padding:14px;font-size:14px}.observation-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.observation-controls button{border:1px solid #211c1730;border-radius:24px;background:transparent;font:inherit;color:#211c17;padding:12px 20px;cursor:pointer}.observation-controls button[aria-pressed=true]{background:#403226;color:white}.observation-source{font-size:12px;margin:20px 0}.observation-dialog{width:min(94vw,1400px);max-height:94dvh;padding:20px;background:#15120f;border:0;color:white}.observation-dialog::backdrop{background:#000d}.observation-dialog img{width:100%;max-height:80dvh;object-fit:contain}.observation-dialog button{display:block;margin-left:auto;background:transparent;color:white;border:1px solid #fff5;padding:10px 18px;font:inherit;cursor:pointer}.observation-controls button:focus-visible,.observation-dialog button:focus-visible{outline:3px solid #a8793f;outline-offset:4px}@media(max-width:760px){.piece-observation{padding:55px 0}.observation-controls button{font-size:13px;padding:11px 15px}.observation-heading p{font-size:14px}}@media(prefers-reduced-motion:reduce){.observation-window img{transition:none}}