/* Original BePillo fonts; logotype files retain their supplied colours. */
@font-face{font-family:'MADE Outer Sans';src:url('fonts/outer-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'MADE Outer Sans';src:url('fonts/outer-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'MADE Outer Sans';src:url('fonts/outer-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Calby;src:url('fonts/calby-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--accent:#e2ff09;--ink:#151732}
body.bepillo-native{font-family:'MADE Outer Sans','Segoe UI',Arial,sans-serif}
.bepillo-native .hero-photo h1{font-family:Calby,'MADE Outer Sans',sans-serif;font-weight:400;letter-spacing:0;line-height:1.12}
.bepillo-native :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #151732;outline-offset:4px}
.bepillo-native [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}