:root {
    color-scheme: light;
    --bg: #ffffff;
    --text: #222222;
    --muted: #787878;
    --line: rgba(24, 54, 44, 0.12);
    --accent: #D22A49;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "SVN-Gilroy", sans-serif;
    color: var(--text);
    background: #fff;
}

a {
    color: inherit;
}

.site-shell {
    max-width: 1332px;
    margin: 0 auto;
}

.inner {
    margin: 0 2rem;
}

/* .site-main {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
    padding: 42px 0 72px;
} */

h1 {
    margin: 0 0 16px;
    font-size: clamp(2.5rem, 6vw, 4.75rem);
    line-height: 0.94;
    letter-spacing: -0.04em;
}

/* .inner {
    margin: 0 calc(6rem);
} */

@media only screen and (min-width: 100em) {
    .inner.container {
        max-width: 1332px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
}

@media (max-width: 1023px) {
    .inner {
        margin: 0 3rem;
    }
}

@media (max-width: 767px) {
    .inner {
        margin: 0 2rem;
    }
}

@media (max-width: 460px) {
    .inner {
        margin: 0 1rem;
    }
}