*, :after, :before { box-sizing: border-box; background-repeat: no-repeat; } :after, :before { text-decoration: inherit; vertical-align: inherit; } :where(:root) { cursor: default; tab-size: 4; -webkit-tap-highlight-color: transparent; text-size-adjust: 100%; line-height: 1.5; } :where(body) { margin: 0; } :where(hr) { color: inherit; height: 0; } :where(nav) :where(ol, ul) { padding: 0; list-style-type: none; } :where(pre) { font-family: monospace; font-size: 1em; overflow: auto; } :where(svg:not([fill])) { fill: currentColor; } :where(button, [type="button" i], [type="reset" i], [type="submit" i]) { appearance: button; } :where(textarea) { resize: vertical; margin: 0; } :where([type="search" i]) { appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } ::placeholder { color: inherit; opacity: .54; } ::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } :where(details > summary:first-of-type) { display: list-item; } :where([aria-busy="true" i]) { cursor: progress; } :where([aria-disabled="true" i], [disabled]) { cursor: not-allowed; } :where([aria-hidden="false" i][hidden]) { display: initial; } :where([aria-hidden="false" i][hidden]:not(:focus)) { clip: rect(0, 0, 0, 0); position: absolute; } @media (prefers-reduced-motion: reduce) { *, :after, :before { background-attachment: initial !important; scroll-behavior: auto !important; transition-duration: 0s !important; transition-delay: 0s !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; animation-delay: -1ms !important; } } *, :after, :before, html { box-sizing: border-box; } img { box-sizing: content-box; } .image-background > img, .image-background > img[width][height] { object-fit: cover; } .image-background { position: relative; overflow: hidden; } .image-background-layer, .image-background > img, .image-background > img[width][height] { z-index: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } :root { --color-black: #000; --color-white: #fff; --color-accent: var(--color-black); --color-heading: var(--color-black); --color-main: var(--color-black); --color-paragraph: var(--color-black); --color-link-text: var(--color-black); --color-link-text-hover: var(--color-black); --breakpoint-nav: 1029px; --typography-family-main: "Mona Sans", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; --typography-family-paragraph: var(--typography-family-main); --typography-family-heading: var(--typography-family-main); --typography-size-hero: 52px; --typography-size-h1: 40px; --typography-size-h2: 30px; --typography-size-h3: 24px; --typography-size-h4: 20px; --typography-size-h5: 16px; --typography-size-h6: 14px; --typography-size-12: 12px; --typography-size-13: 13px; --typography-size-14: 14px; --typography-size-15: 15px; --typography-size-16: 16px; --typography-size-17: 17px; --typography-size-18: 18px; --typography-size-20: 20px; --typography-size-22: 22px; --typography-paragraph-size: var(--typography-size-18); --typography-nav-toggle-label-size: 15px; --typography-captions-size: 15px; --typography-heading-line-height: 1.5; --typography-heading-core-line-height: 1.23; --typography-paragraph-line-height: 1.7; --typography-weight-regular: 400; --typography-weight-medium: 500; --typography-weight-semibold: 600; --typography-weight-bold: 700; --typography-weight-paragraph: var(--typography-weight-regular); --typography-weight-heading: var(--typography-weight-bold); } @font-face { font-display: auto; font-family: Mona Sans; font-style: normal; font-weight: 1 999; src: url("monasansvf.15ee0aa1.woff2") format("woff2"), url("monasansvf.8f771461.woff") format("woff"); } @media (width <= 600px) { :root { --typography-size-hero: 38px; --typography-size-h1: 32px; --typography-size-h2: 24px; --typography-size-h3: 21px; --typography-size-h4: 18px; --typography-size-h5: 14px; --typography-size-h6: 12px; --typography-paragraph-size: 16px; } } @media (width <= 420px) { :root { --typography-size-16: 14px; --typography-nav-toggle-label-size: 13px; } } :root { --spacing-grid-gap: 3rem; --spacing-container-padding-inline: 1.25rem; --spacing-container-padding-inline-large: 4rem; --spacing-container-padding-block: 4rem; --spacing-site-header-padding-block: 1.25rem; --spacing-content-padding-block: 5rem; --spacing-block-padding-m: 5rem; --spacing-block-padding-l: 8rem; --spacing-text-margin-block: 2.5rem; --spacing-wp-block-image-margin-block: 2.5rem; --spacing-paragraphs-margin-block: 1.6875rem; } @media (width <= 1590px) { :root { --spacing-container-padding-inline: 4rem; } } @media (width <= 700px) { :root { --spacing-container-padding-inline: 1.25rem; } } @media (width <= 1030px) { :root { --spacing-site-header-padding-block: 1.25rem; } } @media (width <= 1024px) { :root { --spacing-grid-gap: 2rem; } } @media (width <= 768px) { :root { --spacing-grid-gap: var(--spacing-container-padding-inline); --spacing-container-padding-block: 3.125rem; } } @media (width <= 600px) { :root { --spacing-content-padding-block: 3.75rem; --spacing-container-padding-block: 2.5rem; } } .is-root-container, body { color: var(--color-paragraph); font-family: var(--typography-family-paragraph); font-size: var(--typography-paragraph-size); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: var(--typography-weight-paragraph); line-height: var(--typography-paragraph-line-height); text-rendering: geometricPrecision; } h1, h2, h3, h4, h5, h6 { color: var(--color-heading); font-family: var(--typography-family-heading); font-weight: var(--typography-weight-heading); margin-bottom: var(--spacing-paragraphs-margin-block); margin-top: var(--spacing-paragraphs-margin-block); } h2, h3, h4, h5, h6 { line-height: var(--typography-heading-line-height); } h1 { font-size: var(--typography-size-h1); } h2 { font-size: var(--typography-size-h2); } h3 { font-size: var(--typography-size-h3); } h4 { font-size: var(--typography-size-h4); } h5 { font-size: var(--typography-size-h5); } h6 { font-size: var(--typography-size-h6); } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } b, strong { font-weight: var(--typography-weight-bold); } em, i { font-style: italic; } p { margin-top: 2rem; margin-bottom: 2rem; } p:last-child { margin-bottom: 0; } .wysiwyg li { margin-top: .6rem; margin-bottom: .6rem; } .wysiwyg li:first-child { margin-top: 0; } .wysiwyg li:last-child { margin-bottom: 0; } blockquote.wysiwyg { border-left: 2px solid var(--color-main); margin: 2.9rem 1rem; padding: .5rem 0 .5rem 1.5rem; } blockquote.wysiwyg > :first-child { margin-top: 0; } blockquote.wysiwyg > :last-child { margin-bottom: 0; } .wp-block-media-text { gap: var(--spacing-grid-gap); padding-inline: var(--spacing-container-padding-inline); } .wp-block-media-text.has-background { background-color: #0000; position: relative; } .wp-block-media-text.has-background:before { background-color: var(--wp--preset--color--light); content: ""; z-index: 0; width: 100vw; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); } .wp-block-media-text.has-background > * { z-index: 1; position: relative; } .wp-block-media-text .wp-block-heading { margin: 0; } .wp-block-media-text .wp-block-media-text__media { aspect-ratio: 4 / 3; background-color: var(--color-placeholder, #f0f0f0); } .wp-block-media-text .wp-block-media-text__media img { object-fit: cover; width: 100%; height: 100%; } .wp-block-media-text .wp-block-media-text__media:has(img), .wp-block-media-text .wp-block-media-text__media:has(video) { background-color: #0000; } .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media { height: auto; min-height: 0; } .wp-block-media-text .editor-media-container__resizer { aspect-ratio: 4 / 3; } .wp-block-media-text .editor-media-container__resizer img { object-fit: cover; width: 100%; height: 100%; } .wp-block-media-text .wp-block-media-text__content { padding: 2rem; } .wp-block-media-text .wp-block-media-text__content > :first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content > :last-child { margin-bottom: 0; } .editor-styles-wrapper .wp-block-media-text .wp-block-media-text__media:empty, .editor-styles-wrapper .wp-block-media-text .wp-block-media-text__media:has(.block-editor-media-placeholder) { background-color: var(--color-placeholder, #f0f0f0); min-height: 18.75rem; } [class*="wp-block"].is-style-has-m-padding { padding-bottom: var(--spacing-block-padding-m); padding-top: var(--spacing-block-padding-m); } [class*="wp-block"].is-style-has-l-padding { padding-bottom: var(--spacing-block-padding-l); padding-top: var(--spacing-block-padding-l); } [class*="wp-block"].is-style-no-padding { padding-top: 0; padding-bottom: 0; } .wp-block-buttons { justify-content: flex-start; } .wp-block-button { text-align: left; } .wp-block-button__link { appearance: none; background-color: var(--color-black); border: 1px solid var(--color-black); color: var(--color-white); cursor: pointer; font-family: var(--typography-family-paragraph); font-size: var(--typography-size-16); font-weight: var(--typography-weight-semibold); text-overflow: ellipsis; border-radius: 0; width: auto; max-width: 230px; margin-bottom: 0; padding: 14px 21px; line-height: 1.39; text-decoration: none; transition: all .15s cubic-bezier(.25, .46, .45, .94); position: relative; overflow: hidden; white-space: nowrap !important; } .wp-block-button__link.focus, .wp-block-button__link:focus, .wp-block-button__link:hover { background-color: var(--color-white); border-color: var(--color-black); color: var(--color-black); } .wp-block-button__link { text-align: center; display: inline-block; } .button { appearance: none; background-color: var(--color-black); border: 1px solid var(--color-black); color: var(--color-white); cursor: pointer; font-family: var(--typography-family-paragraph); font-size: var(--typography-size-16); font-weight: var(--typography-weight-semibold); text-overflow: ellipsis; border-radius: 0; width: auto; max-width: 230px; margin-bottom: 0; padding: 14px 21px; line-height: 1.39; text-decoration: none; transition: all .15s cubic-bezier(.25, .46, .45, .94); display: inline-block; position: relative; overflow: hidden; white-space: nowrap !important; } .button.focus, .button:focus, .button:hover { background-color: var(--color-white); border-color: var(--color-black); color: var(--color-black); } .button-small { appearance: none; background-color: var(--color-black); border: 1px solid var(--color-black); color: var(--color-white); cursor: pointer; font-family: var(--typography-family-paragraph); font-weight: var(--typography-weight-semibold); text-overflow: ellipsis; border-radius: 0; width: auto; max-width: 230px; margin-bottom: 0; padding: 14px 21px; line-height: 1.39; text-decoration: none; transition: all .15s cubic-bezier(.25, .46, .45, .94); display: inline-block; position: relative; overflow: hidden; white-space: nowrap !important; } .button-small.focus, .button-small:focus, .button-small:hover { background-color: var(--color-white); border-color: var(--color-black); color: var(--color-black); } .button-small { padding: 8px 19px; line-height: 20.9091px; } .button-large, .button-small { font-size: var(--typography-size-16); } .button-large { appearance: none; background-color: var(--color-black); border: 1px solid var(--color-black); color: var(--color-white); cursor: pointer; font-family: var(--typography-family-paragraph); font-weight: var(--typography-weight-semibold); text-overflow: ellipsis; border-radius: 0; width: auto; max-width: 230px; margin-bottom: 0; padding: 14px 21px; line-height: 1.39; text-decoration: none; transition: all .15s cubic-bezier(.25, .46, .45, .94); display: inline-block; position: relative; overflow: hidden; white-space: nowrap !important; } .button-large.focus, .button-large:focus, .button-large:hover { background-color: var(--color-white); border-color: var(--color-black); color: var(--color-black); } .button-large { font-size: var(--typography-size-18); padding: 15px 19px; line-height: 1.66; } img { max-width: 100%; } img[width][height] { height: auto; } a { color: var(--color-link-text); text-decoration: underline; text-decoration-color: var(--color-link-text); text-underline-offset: .375rem; transition: all .15s; } a:focus, a:hover { color: var(--color-link-text-hover); text-decoration-color: var(--color-link-text-hover); } .entry-footer a, .site-footer a, .site-header a { text-decoration: none; } p { color: var(--color-paragraph); line-height: var(--typography-paragraph-line-height); }