/* Preview: Picabird Brand System 1.0.0 (navy, ivory, vermilion; Manrope) mapped onto the site's tokens.
   Navy replaces black. Vermilion only for small accents; red text uses the darker #A84347 token. */
@font-face{font-family:"Manrope";src:url("/brand/fonts/Manrope-variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{
  --paper:#F7F4EC; --panel:#FDFCF8; --ink:#142C54; --ink-2:#3E4F6C; --ink-3:#54647F;
  --rule:#D7D8D7; --rule-2:#EEECE6;
  --sheen:#142C54; --sheen-2:#142C54; --sheen-soft:#E6EAF1; --teal-soft:#E6EAF1;
  --red:#D94B43; --red-text:#A84347;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
body{font:16px/1.6 var(--sans)}
a{color:var(--ink)}
/* headings, nav and buttons in Manrope; code, console and data stay monospace */
h1,h2,h3{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:-.025em!important}
h1::first-letter,h2::first-letter,h3::first-letter{text-transform:uppercase}
h1{font-size:clamp(36px,5.6vw,56px)!important;line-height:1.08!important}
h1 .sheen{background:none!important;color:var(--red-text)!important;-webkit-text-fill-color:currentColor}
nav .wrap,.btn{font-family:var(--sans)!important;font-weight:700}
.btn{border-radius:8px}
.eyebrow{color:var(--red-text)!important}
.go{background:var(--ink)!important}
.status.live{background:#E6EAF1!important;color:var(--ink)!important}
.points li::before{color:var(--red)!important}
/* logo and mascot */
.brand img{height:36px;width:auto;display:block}
.hero{position:relative}
.pica-hero{position:absolute;right:8px;top:36px;width:250px;height:auto;pointer-events:none}
.hero .sub{max-width:600px}
@media(max-width:900px){.pica-hero{width:170px;top:28px;right:0}.hero h1,.hero .sub{max-width:calc(100% - 150px)}}
@media(max-width:640px){.pica-hero{position:static;display:block;width:104px;margin:0 0 -44px auto}.hero h1,.hero .sub{max-width:none}}