MONOLOG

:root {
  --color-dominant: #81837b;
  --color-surface: #bdbeba;
  --color-ink: #434440;
  --color-accent: #868582;
  --color-detail: #aeafaa;
}

/* CSS variables exposed by source */
:root {
  --radius--main: 1rem;
  --radius--round: 100vw;
  --radius--small: .15rem;
  --border-width--main: .094rem;
  --radius--medium: .35rem;
  --animation-expo-out: cubic-bezier(0.2, 1, 0.36, 1);
  --_theme---border: #bfbfb1;
  --_theme---button-primary--border: #bfbfb1;
  --_typography---line-height--1-5: 1.5;
  --column-margin--12: calc(calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 12 + (1rem * 11)) + 1rem);
  --column-width--10: calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 10 + (1rem * 9));
  --_theme---button-primary--text-hover: #d1d1c7;
  --_text-style---font-weight: 500;
  --_theme---text-link--text: #080807;
  --grid-2: repeat(2, minmax(0, 1fr));
  --_theme---button-primary--background-hover: #080807;
  --_typography---font--primary-trim-top: .38em;
  --start-7: 7;
  --_typography---text-transform--none: none;
  --column-width--3: calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 3 + (1rem * 2));
  --_theme---selection--background: #d1d1c7;
  --swatch--brand-text-o20: color-mix(in srgb,#e8e8e3/**/20%,transparent);
  --_button-style---background-hover: #080807;
  --_alignment---direction: start;
  --_typography---font-size--h1: clamp(5*1rem,((5 - ((6 - 5)/(100 - 20)*20))*1rem + ((6 - 5)/(100 - 20))*100vw),6*1rem);
  --_button-style---text: #e8e8e3;
  --_text-style---trim-bottom: .38em;
  --grid-10: repeat(10, minmax(0, 1fr));
  --_typography---font-size--h3: clamp(2*1rem,((2 - ((3.5 - 2)/(100 - 20)*20))*1rem + ((3.5 - 2)/(100 - 20))*100vw),3.5*1rem);
  --max-width--main: calc(100*1rem);
  --column-margin--10: calc(calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 10 + (1rem * 9)) + 1rem);
  --focus--width: .125rem;
  --_typography---font--tertiary-trim-top: .33em;
  --column-margin--11: calc(calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 11 + (1rem * 10)) + 1rem);
  --span-4: span 4 / span 4;
  --_text-style---font-size: clamp(1*1rem,((1 - ((1.125 - 1)/(100 - 20)*20))*1rem + ((1.125 - 1)/(100 - 20))*100vw),1.125*1rem);
  --start-3: 3;
  --_spacing---space--1: clamp(.375*1rem,((.375 - ((.5 - .375)/(100 - 20)*20))*1rem + ((.5 - .375)/(100 - 20))*100vw),.5*1rem);
  --column-width--7: calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 7 + (1rem * 6));
  --swatch--beige-100-2<deleted|variable-17512f3c-8bed-7662-657d-d7aff3b96119>: #fafaf9;
  --_typography---font--secondary-regular: 400;
  --_button-style---text-hover: #d1d1c7;
  --grid-7: repeat(7, minmax(0, 1fr));
  --_spacing---space--7: clamp(2.25*1rem,((2.25 - ((3 - 2.25)/(100 - 20)*20))*1rem + ((3 - 2.25)/(100 - 20))*100vw),3*1rem);
  --column-margin--9: calc(calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 9 + (1rem * 8)) + 1rem);
  --column-width--5: calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 5 + (1rem * 4));
  --_typography---font--primary-semibold<deleted|variable-e1e2311b-a015-23c9-f2d7-7d185e6e1fba>: 600;
  --_text-style---trim-top: .38em;
  --start-10: 10;
  --_theme---button-secondary--border-hover: #080807;
  --span-12: span 12 / span 12;
  --_theme---button-primary--border-hover: #080807;
  --swatch--brand-text: #e8e8e3;
  --column-margin--8: calc(calc(calc((100% - ((12 - 1) * 1rem)) / 12) * 8 + (1rem * 7)) + 1rem);
  --_theme---button-primary--text: #e8e8e3;
  --column-width--1: calc((100% - ((12 - 1) * 1rem)) / 12);
  --_typography---font--primary-trim-bottom: .38em;
  --start-4: 4;
  --_typography---font--primary-bold: 700;
  --_typography---font-size--h2: clamp(3*1rem,((3 - ((4.75 - 3)/(100 - 20)*20))*1rem + ((4.75 - 3)/(100 - 20))*100vw),4.75*1rem);
}