:root {
--font-xs: clamp(1.04rem, 0.23vi + 0.95rem, 1.28rem);
--font-sm: clamp(1.25rem, 0.34vi + 1.12rem, 1.6rem);
--font-md: clamp(1.5rem, 0.48vi + 1.31rem, 2rem);
--font-lg: clamp(1.8rem, 0.67vi + 1.53rem, 2.5rem);
--font-xl: clamp(2.16rem, 0.93vi + 1.79rem, 3.13rem);
  
--heading-6: clamp(1.5rem, 0.29vi + 1.38rem, 1.8rem);
--heading-5: clamp(1.88rem, 0.36vi + 1.73rem, 2.25rem);
--heading-4: clamp(2.34rem, 0.45vi + 2.16rem, 2.81rem);
--heading-3: clamp(2.93rem, 0.56vi + 2.7rem, 3.52rem);
--heading-2: clamp(3.66rem, 0.7vi + 3.38rem, 4.39rem);
--heading-1: clamp(4.58rem, 0.88vi + 4.23rem, 5.49rem);

--hero-3: clamp(2.76rem, 1.1vi + 2.33rem, 3.91rem);
--hero-2: clamp(3.32rem, 1.5vi + 2.72rem, 4.88rem);
--hero-1: clamp(3.98rem, 2.04vi + 3.17rem, 6.1rem);

--space-xs: clamp(0.375rem, 0.12vi + 0.3275rem, 0.5rem);
--space-sm: clamp(0.75rem, 0.24vi + 0.655rem, 1rem);
--space-md: clamp(1.5rem, 0.48vi + 1.31rem, 2rem);
--space-lg: clamp(2.25rem, 0.72vi + 1.965rem, 3rem);
--space-xl: clamp(3rem, 0.96vi + 2.62rem, 4rem);
--space-2xl: clamp(3.75rem, 1.2vi + 3.275rem, 5rem);
--space-3xl: clamp(4.5rem, 1.92vi + 5.24rem, 8rem);
}
:where(p) {
    margin-bottom: var(--space-sm);
}
ul, ol {
    margin-bottom: var(--space-sm);
    margin-top: var(--space-sm);
}
:where(p:last-of-type) {
    margin: 0;
}

h1.brf-bricks-type-hero { font-size: var(--display-3); }
h2.brf-bricks-type-hero { font-size: var(--display-2); }
h3.brf-bricks-type-hero { font-size: var(--display-1); }