/* B254: the publications on the same system as the rest of the site. The reading stays in Source Serif; everything around
   it (heroes, headings, lists, labels, buttons) takes the home page's Rubik, blue wave and pill buttons. */
.px-ihero,.px-lhero,.px-ahero{position:relative;isolation:isolate}
.px-ihero::before,.px-lhero::before,.px-ahero::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:100%;max-height:760px;clip-path:polygon(0 0,100% 0,100% 58%,0 100%);background:linear-gradient(100deg,#f2f6ff 0%,#e1eaff 38%,#9cb8ff 68%,#1559f5 100%);opacity:.95;pointer-events:none}
.px-ahero::before{max-height:520px;opacity:.55}
/* headings */
.px-lhero h1,.px-ahero h1,.px-sechead h2,.px-author h2,.px-art h2{font-family:Rubik,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-.035em!important}
.px-lhero h1{font-size:clamp(44px,6vw,76px)!important;line-height:1.02!important}
.px-ahero h1{font-size:clamp(40px,5.4vw,68px)!important;line-height:1.04!important;max-width:18ch}
.px-sechead h2{font-size:clamp(32px,3.6vw,46px)!important;line-height:1.06!important}
.px-nt,.px-nt a{font-family:Rubik,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-.015em}
.px-nt{font-size:clamp(19px,1.7vw,23px)!important;line-height:1.25!important}
.px-nt a{text-decoration:none}
.px-nrow:hover .px-nt a{color:#1559f5}
/* labels that were typewriter type read as the rest of the site */
.px-ct,.px-nnum,.px-meta,.px-no,.px-cl-src b,.px-cl-no,.px-lis-k span,.px-pt,.px-cd,.toc b{font-family:Rubik,system-ui,sans-serif!important;letter-spacing:0!important}
.px-nnum{color:#1559f5;font-weight:500}
/* the scoreboard reads like the home page's numbers */
.px-board .px-k{font-family:Rubik,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:-.03em!important}
/* buttons and filters as pills */
.px-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px!important;background:#0a1633!important;color:#fff!important;font:500 16px/1 Rubik,system-ui,sans-serif!important;text-decoration:none!important}
.px-btn:hover{background:#1559f5!important}
.px-filt button{border-radius:999px!important;font-family:Rubik,system-ui,sans-serif!important}
/* the panels: one radius, one shadow, the home page's glow */
.px-cry,.px-askband .px-wrap>div,.px-lis,.px-author .px-agrid{border-radius:22px}
.px-cry{box-shadow:0 40px 80px -40px rgba(11,21,48,.6);background:radial-gradient(120% 90% at 100% 0%,rgba(21,89,245,.35),transparent 60%),#0b1530!important}
@media (max-width:640px){.px-ihero::before,.px-lhero::before{max-height:520px;clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.px-ahero::before{max-height:380px}}