/* Global design system shared by the future Phocea pages. */
:root{
  --phocea-paper:#f7f4ee;
  --phocea-ink:#11100e;
  --phocea-muted:#6d675f;
  --phocea-line:rgba(25,22,18,.15);
  --phocea-violet:#7839ee;
  --phocea-violet-soft:#9d73ff;
  --phocea-dark:#0d1115;
  --phocea-serif:Georgia,'Times New Roman',serif;
  --phocea-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --phocea-hand:'Segoe Print','Comic Sans MS',cursive;
}
html{scroll-behavior:smooth}
body.phocea-site{background-color:var(--phocea-paper);color:var(--phocea-ink);font-family:var(--phocea-sans)}
body.phocea-site:not(.phocea-home){background-image:url('../images/body-bg.png');background-size:100% auto;background-repeat:repeat-y;background-position:top center}
.phocea-page-shell{width:min(1680px,calc(100vw - 64px));margin-inline:auto;padding-block:clamp(40px,6vw,90px)}
.phocea-page-title{font-family:var(--phocea-serif);font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.04em}
.phocea-kicker{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.phocea-hand{font-family:var(--phocea-hand)}
.phocea-violet{color:var(--phocea-violet)}
@media(max-width:840px){.phocea-page-shell{width:calc(100vw - 32px)}}
@media(max-width:560px){.phocea-page-shell{width:calc(100vw - 24px)}}