/* Soneliora · exposição especial obeliscos / Babel / exploração espacial */
.expo-topnav{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 25px;color:#e2c38a;font-size:13px}
.expo-topnav a{display:inline-block;border:1px solid #42546a;border-radius:999px;padding:7px 12px;text-decoration:none}
.expo-topnav a:hover,.expo-topnav a:focus-visible{border-color:#eec888;color:#fff}
.expo-overview{margin:28px 0 33px;border-radius:21px;border:1px solid #5c5a50;padding:16px;background:linear-gradient(120deg,#092039,#081622);box-shadow:0 20px 80px #0006}
.expo-overview h2{font-size:clamp(26px,4vw,36px);margin:8px 6px 10px;color:#f1c985}
.expo-overview>p{padding:0 6px;color:#d1dce7;max-width:860px}
.expo-stage{position:relative;overflow:hidden;isolation:isolate;min-height:340px;aspect-ratio: 16/8.3;border-radius:16px;background:#07131d;border:1px solid #324258}
.expo-stage-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform 8s ease;transform:scale(1.015)}
.expo-stage[data-playing="true"] .expo-stage-media{transform:scale(1.12)}
.expo-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#020912f8 0%,#07101f22 67%,#07101b55);pointer-events:none}
.expo-stage-in{position:absolute;bottom:15px;left:clamp(16px,4vw,35px);right:clamp(16px,4vw,35px);z-index:1;max-width:730px}
.expo-stage-tag{font-size:11px;letter-spacing:.12em;color:#f8d49b;text-transform:uppercase;font-weight:750}
.expo-stage h3{color:#ffdfaa;font-size:clamp(26px,4vw,42px);margin:7px 0}
.expo-stage p{line-height:1.55;max-width:670px;font-size:clamp(14px,1.5vw,17px);margin:0;color:#fff}
.expo-stage-note{margin-top:12px;font-size:12px;color:#c4d0df}
.expo-controls{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:14px 3px}
.expo-controls button{cursor:pointer;background:#132c42;border:1px solid #657183;color:#fff;border-radius:9px;padding:9px 13px;font:600 13px system-ui}
.expo-controls button[aria-pressed="true"]{background:#dfb976;color:#152231;border-color:#eec888}
.expo-controls button:focus-visible,.expo-scene:focus-visible{outline:3px solid #efc47d;outline-offset:3px}
.expo-counter{color:#dbc49e;font-size:13px}
.expo-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.expo-scene{background:#0a1c2f;border:1px solid #34506c;border-radius:13px;color:#edf3f6;padding:0;text-align:left;overflow:hidden;cursor:pointer;min-width:0}
.expo-scene[aria-pressed="true"]{border-color:#efc985;box-shadow:0 0 0 2px #cda75b44}
.expo-scene img{width:100%;height:135px;object-fit:cover;display:block}
.expo-scene span{display:block;padding:12px 14px;font:600 14px Georgia,serif;color:#efd09e}
.expo-scene small{display:block;color:#c0d0de;font:12px system-ui;margin-top:5px}
.expo-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}
.expo-compare article{border:1px solid #41566b;border-radius:15px;padding:17px;background:#0b1d2c}
.expo-compare h3{font-size:21px;margin:6px 0 9px}
.expo-compare small{color:#d6c197;text-transform:uppercase;font-size:11px;letter-spacing:.1em}
.expo-compare p{font-size:14px;margin:0;color:#d1dce7}
.expo-figcaption{font-size:12px;color:#b8cddd;padding:8px 6px 0}
@media(max-width:680px){.expo-overview{margin:20px -5px;padding:12px}.expo-stage{min-height:360px;aspect-ratio:4/5}.expo-stage h3{font-size:26px}.expo-scenes{grid-template-columns:1fr;gap:8px}.expo-scene{display:flex;align-items:center}.expo-scene img{width:110px;height:84px}.expo-scene span{padding:10px}.expo-compare{grid-template-columns:1fr}.expo-controls{justify-content:center}.expo-stage-in{bottom:18px}.expo-stage p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.expo-stage-media{transition:none!important;transform:none!important}}