*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-family:
        'Inter',
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        'Roboto',
        'Helvetica Neue',
        Arial,
        sans-serif;
}

body {
    max-width: 956px;
    margin: 0 auto;
    padding: 0 2rem 2rem;

    @media (max-width: 575.98px) {
        padding: 0 1rem 1rem;
    }
}

h1 {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    gap: 0.5rem;
}
.logo {
    display: flex;
    align-items: center;
    user-select: none;
    opacity: 0.6;
}
.hook:last-child {
    transform: rotate(180deg) translateX(0.5rem);
}
header {
    user-select: none;
}
header h1 {
    height: 0px;
    color: #fff;
}
section {
    margin: 2rem 0;
}
section div {
    margin-bottom: 1rem;
    font-size: 2rem;
}
address {
    font-style: normal;
}
#wordmark {
    width: 100%;
}
footer {
    display: grid;
    place-items: center;
}