.demo-banner{background:#7c4d00;color:#fff;padding:.45rem clamp(1.25rem,4vw,2rem);width:100%;box-sizing:border-box;font-size:.8rem}.demo-banner__message{margin:0;text-align:center;line-height:1.5}@layer components{.logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.logo:focus-visible{outline:3px solid var(--c-accent-light,#c5d8ff);outline-offset:3px;border-radius:var(--radius,6px)}.logo__img{display:block;height:44px;width:auto}.logo__dot{fill:#f4a78b;transition:fill .25s ease}.logo:not(.logo--playing):hover .logo__dot{fill:white;transition:fill .15s ease}@keyframes braille-f{0%{fill:#f4a78b;opacity:1}3%{fill:white;opacity:1}17%{fill:white;opacity:1}21%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-r{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}20%{fill:#f4a78b;opacity:.15}23%{fill:white;opacity:1}36%{fill:white;opacity:1}40%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-e{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}38%{fill:#f4a78b;opacity:.15}41%{fill:white;opacity:1}53%{fill:white;opacity:1}57%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-i{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}55%{fill:#f4a78b;opacity:.15}58%{fill:white;opacity:1}68%{fill:white;opacity:1}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}.logo--playing .logo__dot--f{animation:braille-f 4s ease-in-out 1 forwards}.logo--playing .logo__dot--r{animation:braille-r 4s ease-in-out 1 forwards}.logo--playing .logo__dot--e{animation:braille-e 4s ease-in-out 1 forwards}.logo--playing .logo__dot--i{animation:braille-i 4s ease-in-out 1 forwards}@media (prefers-reduced-motion:reduce){.logo--playing .logo__dot--e,.logo--playing .logo__dot--f,.logo--playing .logo__dot--i,.logo--playing .logo__dot--r,.logo__dot{animation:none!important}}}@layer components{.skip-link{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:9999;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px;padding:0;margin:0;border:0}.skip-link:focus-visible{clip:auto;-webkit-clip-path:none;clip-path:none;overflow:visible;white-space:normal;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding-inline:1.25rem;background-color:var(--c-accent,#457b9d);color:var(--c-paper,#ffffff);font-weight:600;font-size:var(--text-base,1rem);text-decoration:none;border-radius:var(--radius,6px);outline:3px solid var(--c-accent-light,#c5d8ff);outline-offset:2px;margin:.5rem}}