:root{--pi-plum: #392737;--pi-plum-deep: #211720;--pi-yellow: #FBC213;--pi-yellow-deep: #FCC211;--pi-orange: #FB9502;--pi-brown: #6B301E;--pi-magenta: #CC034F;--pi-pink: #F28AA5;--pi-purple: #90649F;--pi-cyan: #5FD4E8;--pi-green: #00D084;--neutral-50: #FBF9FA;--neutral-100: #F4F0F3;--neutral-200: #E6DEE4;--neutral-300: #CFC2CC;--neutral-400: #A894A3;--neutral-500: #82697C;--neutral-600: #63495C;--neutral-700: #4A3547;--neutral-800: #392737;--neutral-900: #2B1D29;--neutral-950: #1B1119;--focus-ring-dark: 3px solid var(--pi-cyan);--focus-ring-light: 3px solid var(--pi-plum);--color-error: #CC034F;--color-success: #00D084;--text-display-xl: clamp(3.5rem, 2rem + 7.5vw, 8.5rem);--text-display-lg: clamp(2.5rem, 1.6rem + 4.5vw, 5.5rem);--text-display-md: clamp(1.75rem, 1.3rem + 2.2vw, 3.25rem);--text-eyebrow: clamp(.875rem, .8rem + .4vw, 1.125rem);--text-lead: clamp(1.125rem, 1rem + .6vw, 1.5rem);--text-body: clamp(1rem, .95rem + .25vw, 1.125rem);--text-sm: clamp(.8125rem, .78rem + .15vw, .9375rem);--section-pad: clamp(96px, 8vw + 48px, 200px);--container: 1200px;--container-wide: 1440px;--radius-card: 24px;--radius-media: 28px;--radius-pill: 999px;--shadow-card: 0 8px 30px rgb(33 23 32 / .12);--shadow-pop: 0 20px 60px rgb(33 23 32 / .25);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-soft: cubic-bezier(.65, 0, .35, 1);--dur-fast: .35s;--dur-base: .8s;--dur-slow: 1.2s;--section-bg: var(--neutral-50);--section-fg: var(--pi-plum);--section-accent: var(--pi-orange)}[data-theme=plum-deep]{--section-bg: var(--pi-plum-deep);--section-fg: var(--neutral-50);--section-accent: var(--pi-yellow)}[data-theme=plum]{--section-bg: var(--pi-plum);--section-fg: var(--neutral-50);--section-accent: var(--pi-yellow)}[data-theme=yellow]{--section-bg: var(--pi-yellow);--section-fg: var(--pi-plum-deep);--section-accent: var(--pi-plum)}[data-theme=cream]{--section-bg: var(--neutral-50);--section-fg: var(--pi-plum);--section-accent: var(--pi-orange)}.font-display{font-family:Bebas Neue,Oswald,sans-serif;font-weight:400;line-height:.95;letter-spacing:.01em}.font-eyebrow{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.35em}.eyebrow{font-family:Oswald,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.35em;font-size:var(--text-eyebrow);display:inline-block}.text-display-xl{font-size:var(--text-display-xl)}.text-display-lg{font-size:var(--text-display-lg)}.text-display-md{font-size:var(--text-display-md)}.text-lead{font-size:var(--text-lead)}body{scrollbar-width:thin;scrollbar-color:var(--pi-plum) var(--neutral-100)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--neutral-100)}body::-webkit-scrollbar-thumb{background-color:var(--pi-plum);border-radius:999px;border:2px solid var(--neutral-100)}body::-webkit-scrollbar-thumb:hover{background-color:var(--pi-plum-deep)}.scrollbar-brand{scrollbar-width:thin;scrollbar-color:var(--pi-plum) var(--neutral-100)}.scrollbar-brand::-webkit-scrollbar{width:8px}.scrollbar-brand::-webkit-scrollbar-track{background:transparent}.scrollbar-brand::-webkit-scrollbar-thumb{background-color:var(--neutral-300);border-radius:999px}.scrollbar-brand::-webkit-scrollbar-thumb:hover{background-color:var(--pi-plum)}:focus-visible{outline:var(--focus-ring-light);outline-offset:2px}[data-theme=plum-deep] :focus-visible,[data-theme=plum] :focus-visible{outline:var(--focus-ring-dark)}