/* PKR typography – original FF Milo Web Pro, matching the PKR website.
   Font bytes are served same-origin by Cloudflare Pages Functions.
   Weights from the current PKR website CSS / supplied web font archive. */
@font-face{font-family:"FF Milo Web Pro";src:url("/fonts/3473CD_3_0.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"FF Milo Web Pro";src:url("/fonts/3473CD_2_0.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"FF Milo Web Pro";src:url("/fonts/3473CD_1_0.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"FF Milo Web Pro";src:url("/fonts/3473CD_0_0.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--pkr-font:"FF Milo Web Pro",Arial,Helvetica,sans-serif}
body,button,input,select,textarea,
.display,.h2,.specimen-head,.specimen .specimen-head,.type-demo h3,
.drawer-top h2,.usecase h3,.system-word,.type-flow .flow-headline,
.type-line .sample,.align-text h4,.flow-button,.brand-name{
  font-family:var(--pkr-font);
}
.hero:before,.hero:after{content:none!important;display:none!important}
.display{font-weight:700;letter-spacing:-.045em;line-height:1.035}
.display span{font-weight:400}
.h2,.type-demo h3,.specimen .specimen-head,.type-flow .flow-headline{
  font-weight:700;letter-spacing:-.045em;line-height:1.07
}
.h2 span,.type-demo h3 span,.specimen .specimen-head span,
.type-flow .flow-headline span{font-weight:400}
.type-line .sample{letter-spacing:0}
.type-line .sample[style*="300"]{font-weight:300}
.type-line .sample[style*="400"]{font-weight:400}
.type-line .sample[style*="600"]{font-weight:600}
.type-line .sample[style*="800"]{font-weight:700!important}
@media(max-width:1170px){.display{font-size:clamp(52px,6.6vw,94px)}}
@media(max-width:600px){.display{font-size:clamp(46px,10vw,75px);letter-spacing:-.038em}}