:root { color-scheme: dark; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: #f5f3fa; background: #12121e; }
main { width: min(100% - 2rem, 720px); margin: 0 auto; padding: clamp(1.5rem, 5vw, 3rem) 0; }
h1 { margin: .25rem 0 1rem; font-size: clamp(1.5rem, 5vw, 2.2rem); }
p { line-height: 1.5; color: #c7c2d2; }
.eyebrow { margin: 0; color: #c0a7ff; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
figure { margin: 1.5rem 0 0; padding: 1rem; text-align: center; border: 1px solid #393447; border-radius: 1rem; }
figure img { display: block; width: min(100%, 700px); height: auto; margin: auto; transform: scaleY(-1); }
figcaption { margin-top: 1rem; color: #aaa3b9; font-size: .85rem; }