@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,700;1,400&family=Golos+Text:wght@400;500&display=swap');

/* =========================================================
   CSS TOKENS
   ========================================================= */
:root {
    --ip-font-body:        'Golos Text', -apple-system, system-ui, sans-serif;
    --ip-font-title:       'Cormorant Garamond', Georgia, serif;
    --ip-text:             #1b1b1b;
    --ip-bg:               #ffffff;
    --ip-divider:          #1b1b1b;
    --ip-header-shadow:    0 8px 20px rgba(27, 27, 27, 0.06);
    --ip-content-max:      1512px;
    --ip-content-max-text: 840px;
    --ip-side-padding:     40px;
    --ip-row-gap:          36px;
}

@media (max-width: 767.99px) {
    :root {
        --ip-side-padding: 16px;
        /* --ip-row-gap: 24px; */
    }
}

/* =========================================================
   MINIMAL RESET
   ========================================================= */
*, *::before, *::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html, body { height: 100%; }

body {
    margin: 0;
    padding: 0;
    font: 400 14px/1.2 var(--ip-font-body);
    font-variant-numeric: lining-nums;
    color: var(--ip-text);
    background: var(--ip-bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

img, svg {
    display: block;
    max-width: 100%;
    height: auto;
}

button {
    font: inherit;
    cursor: pointer;
}

/* =========================================================
   LAYOUT WRAPPERS
   ========================================================= */
.mainwrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content {
    flex: 1 0 auto;
    width: 100%;
    max-width: var(--ip-content-max);
    margin-inline: auto;
    padding: 0 var(--ip-side-padding);
}