@font-face {
    font-display: swap;
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/playfair-display-v36-latin-regular.woff2)format("woff2")
}

@font-face {
    font-display:swap;
	font-family:"DM Sans";
	font-style:normal;
	font-weight:400;
	src:url(../fonts/dm-sans-v14-latin-regular.woff2)format("woff2")
}

:root {
    --primary: #f2e0c9;
    --secondary: #fb9c1f;
    --tertiary: #444444;
    --background: #f5f5f5;
    --bodyTextColor: #0F0F0F;
    --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
    --headerFontSize: clamp(1.6453rem, 4.8vw, 2.5734rem);
    --bodyFontSize: 1.15rem;
    --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--background);
    font-family: "DM Sans",serif
}

address {
    font-style: normal
}

*,:after,:before {
    box-sizing: border-box
}

.cs-topper {
    font-size: var(--topperFontSize);
    line-height: 1.2em;
    text-align: inherit;
    letter-spacing: .1em;
    font-weight: 700;
    color: var(--tertiary);
    margin-bottom: .25rem;
    display: block;
    font-family: "Playfair Display",serif
}

.cs-text,.cs-title,body {
    color: var(--bodyTextColor)
}

.cs-text,.cs-title {
    text-align: inherit
}

.cs-title {
    font-size: var(--headerFontSize);
    font-weight: 900;
    line-height: 1.2em;
    max-width: 43.75rem;
    margin: 0 0 1rem;
    position: relative;
    font-family: "Playfair Display",serif
}

.cs-text {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    width: 100%;
    max-width: 40.625rem;
    margin: 0
}

.honeypot {
    display: none
}