/* =========================================================
   Primeus Productions: brand tokens
   Source: Primeus-Productions_Brand-Colors-Guide.pdf
   Paste into JO Layout Builder / template custom CSS FIRST.
   ========================================================= */
:root{
  /* Colours (official) */
  --pp-onyx:#141312;        /* main dark background, text on light */
  --pp-burgundy:#5E1A26;    /* signature accent background */
  --pp-gold:#C9A978;        /* Champagne Gold: dot, divider, frame ON DARK */
  --pp-gold-deep:#A8844F;   /* Deep Gold: dot, divider, frame ON WHITE */
  --pp-ivory:#F6F2EA;       /* main text on dark / burgundy */
  --pp-white:#FFFFFF;       /* light background */
  --pp-stone:#D8D1C4;       /* Warm Stone */
  --pp-blush:#E6D9CC;       /* Soft Blush */
  --pp-graphite:#3A352F;    /* Graphite: secondary text on white */

  /* Derived (prototype only) */
  --pp-onyx-90:rgba(20,19,18,.9);
  --pp-line-dark:rgba(246,242,234,.14);
  --pp-line-light:rgba(20,19,18,.12);

  /* Type */
  --pp-font:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --pp-fs-body:clamp(1rem, .96rem + .2vw, 1.0625rem);
  --pp-fs-lead:clamp(1.0625rem, 1rem + .35vw, 1.25rem);
  --pp-fs-h1:clamp(2.5rem, 1.6rem + 4.2vw, 5rem);
  --pp-fs-h2:clamp(1.875rem, 1.4rem + 2vw, 3rem);
  --pp-fs-h3:1.125rem;
  --pp-tracking-wide:.32em;

  /* Layout */
  --pp-container:1240px;
  --pp-gutter:clamp(1.25rem, .8rem + 2vw, 2.5rem);
  --pp-section-y:clamp(4rem, 2.8rem + 5vw, 7.5rem);
  --pp-radius:4px;
  --pp-header-h:72px;
  --pp-ease:cubic-bezier(.2,.7,.2,1);
}




*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--pp-header-h) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--pp-font);font-size:var(--pp-fs-body);line-height:1.6;color:var(--pp-onyx);background:var(--pp-white);-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;line-height:1.1;letter-spacing:-.01em}
ul[role="list"]{list-style:none;margin:0;padding:0}
:focus-visible{outline:2px solid var(--pp-gold);outline-offset:3px}
.jolb-text p {
  margin: 0;
}