@font-face {
    font-family: 'Indie Flower';
    src: url('../../fonts/indie-flower/IndieFlower-Regular.woff2') format('woff2'),
         url('../../fonts/indie-flower/IndieFlower-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 16px;
}

body {
    font-family: var(--bsh-font-body, 'Inter', sans-serif);
    color: var(--bsh-color-body, #7b7877);
    font-weight: 400;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bsh-font-body, 'Inter', sans-serif);
    line-height: 1.05;
}

h1,
h2 {
    font-weight: 400;
}

h3,
h4,
h5,
h6 {
    font-weight: 500;
}

.bsh-font-display,
.bsh-display {
    font-family: var(--bsh-font-display, 'Indie Flower', cursive);
    font-weight: 600;
}

/* A lone decorative subtitle takes over the semantic and visual role of the
   block heading without inheriting the smaller, offset subtitle treatment. */
.bshHeading--subtitleOnly.bsh-font-display {
    font-family: var(--bsh-font-display, 'Indie Flower', cursive);
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

:is(h1, h2).bshHeading--subtitleOnly.bsh-font-display {
    font-size: var(--bsh-fs-display-heading);
    line-height: 1.05;
    text-wrap: balance;
}

@media (max-width: 767px) {
    :is(h1, h2).bshHeading--subtitleOnly.bsh-font-display {
        font-size: var(--bsh-fs-display-heading);
    }
}