:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #f4f3ef;
    color: #11120f;
}

* {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    margin: 0;
    display: grid;
    place-items: center;
    background:
        linear-gradient(90deg, transparent 49.9%, rgba(17, 18, 15, 0.08) 50%, transparent 50.1%),
        #f4f3ef;
}

main {
    width: min(88vw, 760px);
    padding: 48px 0;
}

.brand {
    font-size: 5.5rem;
    font-weight: 750;
    line-height: 1;
}

.brand span {
    color: #e84b2c;
}

.rule {
    width: 72px;
    height: 4px;
    margin: 36px 0 28px;
    background: #087f8c;
}

p {
    max-width: 540px;
    margin: 0 0 56px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.25rem;
    line-height: 1.28;
}

small {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 520px) {
    main {
        padding: 32px 0;
    }

    .brand {
        font-size: 2.5rem;
    }
}