@charset "UTF-8";
@import url("../external/source-sans-pro/source-sans-pro.css");
@import url("../external/material/material-symbols.css");
html, body { margin: 0; padding: 0; font-weight: 300; font-size: 14pt; }

body { background: #ffffff; color: #020202; font-family: "Source Sans Pro", "sans-serif"; }

a { transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; text-decoration: none; color: #e04f00; }

a.button { display: inline-block; padding: 9px 18px; border: 1px solid #e04f00; border-radius: 3px; }

a.button:has(+ a.button) { margin-right: 5px; }

a.button.selected { color: #ffffff; background-color: #e04f00; }

h1 { font-size: 2.5rem; font-weight: 700; padding-top: 0; margin: 15px 0; }

h2 { font-size: 2rem; font-weight: 400; padding-top: 0; margin: 15px 0; }

h3 { font-size: 1.5rem; font-weight: 400; padding-top: 0; margin: 5px 0; }

h4 { font-size: 1.2rem; font-weight: 400; padding-top: 0; margin: 5px 0; }

main { /* this should not be necessary */ position: relative; display: grid; grid-template-columns: 1fr min(1200px, 100%) 1fr; }

main > * { margin: 0 50px; grid-column: 2; }

main .full-bleed { margin-left: 0; margin-right: 0; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }

main .full-bleed:not(.compacted) { padding-top: 2rem; padding-bottom: 2rem; }

main .full-bleed > * { margin-left: 50px; margin-right: 50px; grid-column: 2; }

.background-design { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; transform: translateZ(0); }

.background-design .top-fill { content: url("/assets/svg/vertical_hatched_circle.svg"); top: 4%; left: 3%; width: 150px; height: 150px; position: absolute; transform: translate(-42%, -72%); }

.background-design .top-outline { content: url("/assets/svg/dashed_circle.svg"); top: 0; left: 4%; width: 150px; height: 150px; position: absolute; transform: translate(-85%, -2%); }

.background-design .bottom-fill { content: url("/assets/svg/hatched_circle.svg"); top: 88%; left: 99%; width: 150px; height: 150px; position: absolute; transform: translate(-77%, -41%); }

.background-design .bottom-outline { content: url("/assets/svg/circle.svg"); top: 81%; left: 100%; width: 140px; height: 150px; position: absolute; transform: translate(-50%, -50%); }

.content-section.menu { margin-top: 0; }

.content-section.menu .button { margin-bottom: 8px; }

.content-section.menu .logo { content: url("/assets/svg/logo.svg"); width: min(80vw, 11rem); display: block; margin: 2rem auto; border-bottom: 0; }

.content-section.footer { margin-bottom: 0; }

.content-section.footer .logo { content: url("/assets/svg/logo.svg"); width: min(80vw, 11rem); display: block; margin: 2rem auto; border-bottom: 0; }

.content-section { margin-top: 4rem; margin-bottom: 4rem; }

.content-section + .content-section { margin-top: 0; }

.content-section.sticky { margin-bottom: 0; }

.content-section.highlighted-1 { background-color: #d9d9d9; }

.content-section.highlighted-2 { background-color: #edd4c0; }

.content-section.highlighted-image { background-image: var(--target-image); background-size: cover; background-color: rgba(255, 255, 255, 0.8); background-blend-mode: overlay; background-position: center; }

img.reduced { aspect-ratio: 1.618 / 1; object-fit: cover; }

.fixed-grid { container-type: inline-size; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

@media screen and (max-width: 800px) { .fixed-grid { grid-template-columns: 1fr; } }

.flex-grid { container-type: inline-size; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 3rem; }

.flex-grid img { width: 100%; }

.flex-grid img.projected { object-fit: cover; }

@container (width > calc(900px + 6rem)) { .flex-grid .h-span-2-of-3 { grid-column: span 2; } }

.flex-grid .left { justify-self: start; }

.flex-grid .h-center { justify-self: center; }

.flex-grid .right { justify-self: end; }

.flex-grid .top { align-self: start; }

.flex-grid .v-center { align-self: center; }

.flex-grid .bottom { align-self: end; }

.centered { text-align: center; }

.drop-down-item + .drop-down-item { margin-top: 15px; }

.drop-down-item input[type="checkbox"] { position: absolute; left: -100vw; }

.drop-down-item input[type="checkbox"]:checked ~ .title label::before { content: ""; }

.drop-down-item input[type="checkbox"]:checked ~ .content { margin-left: 24px; height: auto; overflow: visible; }

.drop-down-item label { display: block; cursor: pointer; }

.drop-down-item label::before { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; display: inline-block; content: "\e315"; /* keyboard_arrow_right */ vertical-align: middle; }

.drop-down-item .content { overflow-y: hidden; height: 0; transition: height 0.3s ease; }

.tag { font-size: 0.8rem; display: inline-block; text-transform: uppercase; background-color: #ffdecc; padding: 5px 10px; }

.panel { background-color: #f2eeee; padding: 20px; }

.rounded-icon { color: #e04f00; border: 1px solid #e04f00; padding: 15px; border-radius: 100px; }

.rounded-icon.filled { color: #ffffff; background-color: #e04f00; }

.rounded-icon.larger.material-symbols-outlined { font-size: 1.7rem; }

/*# sourceMappingURL=main.css.map */