/* Small accessibility additions; the original visual design is in original.css. */
:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 72px; }
.no-script { padding: 24px; text-align: center; }
html:not(.js) .reveal { opacity: 1; transform: none; }
.frame-sequence > div { background-size: cover !important; background-position: center !important; }
.frame-sequence:has([data-sequence="house"]) > div { background-image: url('/frames/house/frame_001.jpg') !important; }
.frame-sequence:has([data-sequence="devices"]) > div { background-image: url('/frames/devices/frame_001.jpg') !important; }
.bm-dialog { margin: 0; padding: 0; border: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; background: transparent; color: inherit; }
.bm-dialog::backdrop { background: transparent; }
.bm-panel { overscroll-behavior: contain; }
.form-error:empty { display: none; }
.email-draft { display: block; text-decoration: none; text-align: center; margin: 24px 0; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }