@charset "UTF-8";

html, body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--brand-font-family), sans-serif;
    font-weight: var(--brand-font-rglr);
    color: var(--brand-dark-color);
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.fixed-height {
    font-size: 0;
    line-height: 1;
}

img {
    width: 100%;
    height: auto;
}

.ar-3-2 {
    aspect-ratio: 3 / 2;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

.p-t-1 {
    padding-top: 1rem;
}
.p-b-1 {
    padding-bottom: 1rem;
}
.p-t-2 {
    padding-top: 2rem;
}
.p-b-2 {
    padding-bottom: 2rem;
}
.p-t-3 {
    padding-top: 3rem;
}
.p-b-3 {
    padding-bottom: 3rem;
}

.m-t-1 {
    margin-top: 1rem;
}
.m-b-1 {
    margin-bottom: 1rem;
}
.m-t-2 {
    margin-top: 2rem;
}
.m-b-2 {
    margin-bottom: 2rem;
}
.m-t-3 {
    margin-top: 3rem;
}
.m-b-3 {
    margin-bottom: 3rem;
}