.pj{--pj-inset:calc(var(--inset-card) * 2)}.pj-hero{gap:var(--inset-card);padding:var(--pj-inset);border-radius:var(--radius-card);background:var(--pastel);color:var(--pastel-ink);box-shadow:var(--shadow-soft);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:64rem){.pj-hero{align-items:end;column-gap:var(--pj-inset);grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:28rem}}.pj-hero-text{align-content:space-between;gap:2rem;height:100%;display:grid}.pj-back{min-height:2.25rem;padding-inline:var(--inset-pill);border:1px solid color-mix(in oklch, var(--pastel-ink) 25%, transparent);font-size:var(--text-sm);transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.pj-back:hover{background:var(--pastel-ink);color:var(--pastel)}.pj-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);letter-spacing:-.045em}.pj-tagline{text-wrap:balance;max-width:44ch;font-size:var(--text-lg);line-height:var(--text-lg--line-height);color:color-mix(in oklch, var(--pastel-ink) 82%, var(--pastel));margin-top:1rem}.pj-hero-art{background:radial-gradient(60% 65% at 50% 55%,var(--lightningcss-light,#ffffff8c)var(--lightningcss-dark,#ffffff12),#0000 72%);background:radial-gradient(60% 65% at 50% 55%,var(--lightningcss-light,lab(100% 0 0/.55))var(--lightningcss-dark,lab(100% 0 0/.07)),#0000 72%);place-items:center;display:grid}.pj-art-ink{width:100%;max-height:100%;color:var(--pastel-ink)}.pj-hero-art .pj-art-ink{max-width:30rem}@media (max-width:63.999rem){.pj-hero-art{order:-1;justify-content:center;height:clamp(9rem,30vw,14rem);display:flex}.pj-hero-art .pj-art-ink{width:auto;height:100%}}.pj-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:.75rem;display:grid}@media (max-width:47.99rem){.pj-fact:nth-child(-n+2){grid-column:1/-1}}@media (min-width:48rem){.pj-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.pj-fact{min-width:0;padding:var(--inset-card);border:1px solid color-mix(in oklab, var(--ink) 12%, transparent);border-radius:var(--radius-card);background:linear-gradient(160deg, color-mix(in oklab, var(--ink) 7%, transparent), color-mix(in oklab, var(--ink) 2%, transparent));flex-direction:column;justify-content:flex-start;gap:.75rem;display:flex}.pj-fact dd{overflow-wrap:break-word;min-width:0;font-size:var(--text-lg);letter-spacing:-.02em;font-weight:500;line-height:1.25}.pj-status{align-items:baseline;gap:.5rem;display:flex}.pj-status-dot{border:1px solid var(--ink-3);border-radius:999px;flex:none;width:.4rem;height:.4rem;translate:0 -.15em}.pj-status-dot[data-live]{border-color:var(--gold);background:var(--gold)}.pj-section{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:clamp(4rem,3rem + 3vw,6rem);padding-top:1.5rem;display:grid}@media (min-width:48rem){.pj-section:not(.pj-section-wide){grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:1.5rem}}.pj-h2{font-size:var(--text-xl);line-height:var(--text-xl--line-height);letter-spacing:-.035em}.pj-outcomes{gap:.75rem;list-style:none;display:grid}.pj-outcome{padding:var(--inset-card);border-radius:var(--radius-card);background:color-mix(in oklch, var(--pastel) 55%, var(--ground));font-size:var(--text-lg);line-height:var(--text-lg--line-height);grid-template-columns:auto minmax(0,1fr);gap:1rem;display:grid}.pj-num{min-width:2ch;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-2);padding-top:.2em}.pj-pills{flex-wrap:wrap;align-content:start;gap:.5rem;list-style:none;display:flex}.pj-pill{min-height:2.25rem;padding-inline:var(--inset-pill);border:1px solid var(--rule-strong);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);border-radius:999px;align-items:center;gap:.5rem;display:inline-flex}:lang(th) .pj-pill{font-family:var(--font-sans)}.pj-links{flex-wrap:wrap;align-content:start;gap:.75rem;list-style:none;display:flex}.pj-linkbtn{min-height:2.75rem;padding-inline:var(--inset-btn);border:1px solid var(--rule-strong);font-size:var(--text-sm);transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.pj-linkbtn:hover{border-color:var(--ink);background:var(--ink);color:var(--ground)}.pj-ext{color:var(--gold)}.pj-plate{min-width:0;padding:var(--inset-card);border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--ground);box-shadow:var(--shadow-soft)}.pj-next-wrap{margin-top:clamp(5rem,4rem + 4vw,8rem)}.pj-next{gap:var(--inset-card);padding:var(--pj-inset);border-radius:var(--radius-card);background:var(--pastel);color:var(--pastel-ink);box-shadow:var(--shadow-soft);transition:translate var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:48rem){.pj-next{grid-template-columns:minmax(0,1fr) minmax(0,18rem);align-items:center}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pj-next:hover{box-shadow:var(--shadow-lift);translate:0 -6px}}.pj-next:focus-visible{outline-offset:4px}.pj-next-text{gap:.75rem;display:grid}.pj-next-label{color:inherit}.pj-next-name{font-size:var(--text-2xl);font-weight:600;line-height:var(--text-2xl--line-height);letter-spacing:-.045em}.pj-next-tagline{text-wrap:balance;max-width:52ch;color:color-mix(in oklch, var(--pastel-ink) 82%, var(--pastel))}.pj-next-art{place-items:center;display:grid}.pj-next-art .pj-art-ink{max-width:18rem}@media (max-width:47.999rem){.pj-next-art{order:-1;height:7.5rem;display:flex}.pj-next-art .pj-art-ink{width:auto;height:100%}}.pj-plate-bar{justify-content:flex-end;margin-bottom:.75rem;display:none}.pj-plate-zoom{min-height:2.25rem;padding-inline:var(--inset-pill);border:1px solid var(--rule-strong);font-size:var(--text-sm);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;display:inline-flex}@media (max-width:47.999rem){.pj-plate-bar{display:flex}.pj-plate:not([data-full]) .plate-svg{min-width:0}}
.case-cta-primary{border-color:var(--ink);background:var(--ink);color:var(--ground)}.case-cta-primary:hover{color:var(--ink);background:0 0}