.acidart-content { padding: 4rem 0 2rem; color: #222; }
.acidart-intro { max-width: 740px; margin: 0 auto 3rem; text-align: center; }
.acidart-eyebrow { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #666; }
.acidart-intro .acidart-lead { font-size: 1.65rem; font-weight: 700; }
.acidart-intro p, .acidart-copy p { line-height: 1.75; }
.acidart-intro .btn { margin: 1rem 0; }
.acidart-intro .acidart-note { font-size: .85rem; color: #666; }
.acidart-example { max-width: 680px; margin: 0 auto 4rem; }
.acidart-canvas-wrap { border-radius: 20px; overflow: hidden; background: #eee; }
#fingerprint-canvas { display: block; width: 100%; height: auto; aspect-ratio: 1; }
#fingerprint-fallback { padding: 3rem; margin: 0; }
.acidart-example figcaption { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-top: 1rem; font-size: .85rem; color: #555; }
#fingerprint-motion { flex-shrink: 0; background: #fff; border: 1px solid #aaa; border-radius: 2rem; padding: .5rem .85rem; color: #333; font: inherit; }
#fingerprint-motion:focus-visible { outline: 2px solid #222; outline-offset: 3px; }
.acidart-copy { max-width: 680px; margin: auto; }
.acidart-copy h2 { font-size: 1.55rem; font-weight: 700; margin: 2rem 0 1rem; }
.acidart-copy .btn { margin-top: 1.5rem; white-space: normal; }
@media(max-width:575px) { .acidart-content { padding-top: 2.5rem; } .acidart-example figcaption { align-items: flex-start; flex-direction: column; } }