/* Portfolio — page-only styles (card layout and the shared type scale are in reader.css) */
.pg-portfolio .pf-points{list-style:none;margin:calc(4 * var(--um)) 0 calc(16 * var(--um));border-top:var(--thin) solid var(--fs-brown)}
.pg-portfolio .pf-points li{display:grid;grid-template-columns:34% 1fr;border-bottom:var(--thin) solid var(--fs-brown);font-family:var(--fs-sans);font-weight:300;font-size:calc(var(--rd-body) * var(--um));line-height:1.45;color:var(--fs-slate)}
.pg-portfolio .pf-points li > *{padding:calc(7 * var(--um)) calc(12 * var(--um))}
.pg-portfolio .pf-points li > :first-child{padding-left:0;font-weight:400}
.pg-portfolio .pf-points li > * + *{border-left:var(--thin) solid var(--fs-brown)}
.pg-portfolio .pf-cta{margin-top:calc(8 * var(--um))}
.pg-portfolio .pf-cta .fs-btn{font-size:calc(16 * var(--um));padding:calc(12 * var(--um)) calc(24 * var(--um))}

/* positions on the 1672 × 943 grid (x/w × --ux, y/h × --uy) and size tokens */
.pg-portfolio .at-kicker{--x:197;--y:163}
.pg-portfolio .at-reader{--x:100;--y:192;--w:1228;--h:700}
.pg-portfolio .pf-cta .fs-btn{font-family:var(--fs-serif);font-weight:400;color:var(--fs-white)}