.pcard{--pcard-pad:clamp(1.125rem, .95rem + .7vw, 1.625rem);background:var(--surface);inline-size:100%;min-inline-size:0;color:var(--calm-ink);border:1px solid var(--calm-line);border-radius:var(--radius-calm,6px);isolation:isolate;transition:box-shadow var(--dur-hover) var(--ease-cinema), border-color var(--dur-hover) var(--ease-cinema);flex-direction:column;display:flex;position:relative;overflow:clip}.pcard:hover{border-color:color-mix(in oklch, var(--brand-navy) 30%, var(--calm-line));box-shadow:var(--shadow-card)}.pcard--tall{--pcard-frame:4 / 3}.pcard--square{--pcard-frame:1}.pcard--wide{--pcard-frame:16 / 9}.pcard--band{--pcard-frame:21 / 9}@media (width<=47.99em){.pcard--band{--pcard-frame:4 / 3}}.pcard__media{aspect-ratio:var(--pcard-frame,4 / 3);background:var(--calm);flex:none;min-block-size:10rem;position:relative;overflow:hidden}.pcard__picture,.pcard__img{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.pcard__img{object-fit:cover;transition:transform .5s var(--ease-cinema)}.pcard:hover .pcard__img,.pcard:focus-within .pcard__img{transform:scale(1.03)}.pcard__drawing{--draw-stroke:var(--calm-ink);--draw-construction:var(--calm-line);--draw-dimension:var(--calm-muted);--draw-energised:var(--brand-navy);transition:transform .5s var(--ease-cinema);place-items:center;display:grid;position:absolute;inset:12% 18%}.pcard__svg{block-size:auto;max-block-size:100%;inline-size:auto;max-inline-size:100%;overflow:visible}.pcard--wide .pcard__drawing,.pcard--band .pcard__drawing{inset:12% 30%}.pcard--drawing:hover .pcard__drawing{transform:scale(1.03)}.pcard__chip{z-index:2;position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.pcard__info{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.pcard__body{z-index:2;gap:var(--space-2);padding:var(--pcard-pad);--eyebrow-color:var(--brand-navy);flex-direction:column;flex:1 0 auto;align-items:flex-start;display:flex;position:relative}.pcard__title{color:var(--calm-ink);text-wrap:balance;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:640;font-stretch:96%;line-height:1.2}:lang(ar) .pcard__title{font-family:var(--font-ar-display);font-weight:var(--wght-ar-display);line-height:1.4}.pcard__link{color:inherit;text-decoration:none}.pcard__link:after{content:"";z-index:3;position:absolute;inset:0}.pcard__link:focus-visible{outline:none}.pcard:has(.pcard__link:focus-visible){outline:2px solid var(--focus,var(--calm-ink));outline-offset:3px}.pcard__text{max-inline-size:52ch;color:var(--calm-muted);font-size:var(--fs-body);line-height:var(--lh-body)}.pcard__more{align-items:center;gap:var(--space-2);color:var(--brand-navy);font-size:var(--fs-ui);font-weight:var(--wght-strong);margin-block-start:auto;padding-block-start:var(--space-2);display:inline-flex}.pcard:hover .pcard__more .arrow{transform:translate(.3em)}[dir=rtl] .pcard:hover .pcard__more .arrow{transform:scaleX(-1)translate(.3em)}.pcard__credit{color:var(--calm-muted);overflow-wrap:anywhere;justify-self:stretch;margin-block-start:var(--space-2);font-size:.6875rem}.pcard__body>*{max-inline-size:100%}@media (prefers-reduced-motion:reduce){.pcard:hover .pcard__img,.pcard:focus-within .pcard__img,.pcard--drawing:hover .pcard__drawing{transform:none}}
