/* makes sizing simpler */
*,
*::before,
*::after {
    box-sizing: border-box;
    border: 0;
    /* border: 1px solid lime; */
}

/* remove default spacing */
/* force styling of type through styling, rather than elements */
* {
    margin: 0;
    padding: 0;
    font: inherit;
}

/* dark mode user-agent-styles */
/* improves punctuation in supported browsers */
html {
    color-scheme: dark light;
    hanging-punctuation: first last;
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
    overflow-x: hidden;
    scroll-padding-top: 120px;
}

/* min body height */
body {
    min-height: 100vh;
    position: relative;
}

/* responsive images/videos */
img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
}

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

iframe {
    max-width: 100%;
}

/* Improved heading in supported browsers */
h1,
.font-size-h1,
h2,
.font-size-h2,
p {
    text-wrap: pretty;
}
.skip-link {
    display: none;
}
.wrap {
    width: 94%;
    max-width: 1488px;
    margin-inline: auto;
}
.header-layout {
    display: grid;
    gap: 60px;
    padding-block: 60px;
}
.logo-jolia {
    width: 400px;
    margin-inline: auto;
}
.linked-images {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: flex-end;
    justify-content: center;
}
.logo-sims {
    width: 260px;
}
.logo-worx {
    width: 240px;
    padding-bottom: 6px;
}