@layer reset, site_base, element_base, component_base, page_base, site_local, element_local, component_local, page_local, site_custom, element_custom, component_custom, page_custom, utility, override; @layer site_base { /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Libre Franklin, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } } @layer component_base { .container{ width: 100%; } @media (min-width: 0px){ .container{ max-width: 0px; } } @media (min-width: 360px){ .container{ max-width: 360px; } } @media (min-width: 468px){ .container{ max-width: 468px; } } @media (min-width: 596px){ .container{ max-width: 596px; } } @media (min-width: 740px){ .container{ max-width: 740px; } } @media (min-width: 900px){ .container{ max-width: 900px; } } @media (min-width: 1084px){ .container{ max-width: 1084px; } } @media (min-width: 1292px){ .container{ max-width: 1292px; } } @media (min-width: 1528px){ .container{ max-width: 1528px; } } @media (min-width: 1792px){ .container{ max-width: 1792px; } } } @layer utility { .visible{ visibility: visible; } .sticky{ position: sticky; } .mt-2{ margin-top: 8px; } .block{ display: block; } .flex{ display: flex; } .table{ display: table; } .grid{ display: grid; } .contents{ display: contents; } .hidden{ display: none; } .table-auto{ table-layout: auto; } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .flex-wrap{ flex-wrap: wrap; } .gap-3{ gap: 16px; } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-line > :not([hidden]) ~ :not([hidden]){ border-color: var(--p-line); } .p-3{ padding: 16px; } .py-5{ padding-top: 40px; padding-bottom: 40px; } .text-center{ text-align: center; } .text-caption{ color: var(--p-caption); } .text-error{ color: var(--p-error); } .accent-a2{ accent-color: #33cccc; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline{ outline-style: solid; } .invert{ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } } /*! purgecss start ignore */ @layer component_base { /* ======================================================================== Component: Modal ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Allow scrolling for the modal dialog * 4. Horizontal padding * 5. Mask the background page * 6. Fade-in transition */ .uk-modal { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 3 */ overflow-y: auto; /* 4 */ padding: 15px 15px; /* 5 */ background: rgba(0, 0, 0, 0.6); /* 6 */ opacity: 0; transition: opacity 0.15s linear; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-modal { padding: 50px 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-modal { padding-left: 40px; padding-right: 40px; } } /* * Open */ .uk-modal.uk-open { opacity: 1; } /* Page ========================================================================== */ /* * Prevent scrollbars */ .uk-modal-page { overflow: hidden; } /* Dialog ========================================================================== */ /* * 1. Create position context for spinner and close button * 2. Dimensions * 3. `!important` is needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests * 4. Style * 5. Slide-in transition */ .uk-modal-dialog { /* 1 */ position: relative; /* 2 */ box-sizing: border-box; margin: 0 auto; width: 600px; /* 3 */ max-width: 100% !important; /* 4 */ background: #fff; /* 5 */ opacity: 0; transform: translateY(-100px); transition: 0.3s linear; transition-property: opacity, transform; } /* * Open */ .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0); } /* Size modifier ========================================================================== */ /* * Container size * Take the same size as the Container component */ .uk-modal-container .uk-modal-dialog { width: 1200px; } /* * Full size * 1. Remove padding and background from modal * 2. Reset all default declarations from modal dialog */ /* 1 */ .uk-modal-full { padding: 0; background: none; } /* 2 */ .uk-modal-full .uk-modal-dialog { margin: 0; width: 100%; max-width: 100%; transform: translateY(0); } /* Sections ========================================================================== */ .uk-modal-body { display: flow-root; padding: 20px 20px; } .uk-modal-header { display: flow-root; padding: 10px 20px; background: #f8f8f8; } .uk-modal-footer { display: flow-root; padding: 10px 20px; background: #f8f8f8; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-modal-body { padding: 30px 30px; } .uk-modal-header { padding: 15px 30px; } .uk-modal-footer { padding: 15px 30px; } } /* * Remove margin from the last-child */ .uk-modal-body > :last-child, .uk-modal-header > :last-child, .uk-modal-footer > :last-child { margin-bottom: 0; } /* Title ========================================================================== */ .uk-modal-title { font-size: 2rem; line-height: 1.3; } /* Close * Adopts `uk-close` ========================================================================== */ [class*=uk-modal-close-] { position: absolute; z-index: 1010; top: 10px; right: 10px; padding: 5px; } /* * Remove margin from adjacent element */ [class*=uk-modal-close-]:first-child + * { margin-top: 0; } /* * Hover */ /* * Default */ /* * Outside * 1. Prevent scrollbar on small devices */ .uk-modal-close-outside { top: 0; /* 1 */ right: -5px; transform: translate(0, -100%); color: white; } .uk-modal-close-outside:hover { color: #fff; } /* Tablet landscape and bigger */ @media (min-width: 960px) { /* 1 */ .uk-modal-close-outside { right: 0; transform: translate(100%, -100%); } } /* * Full */ /* ======================================================================== Component: Switcher ========================================================================== */ /* * Reset list */ .uk-switcher { margin: 0; padding: 0; list-style: none; } /* Items ========================================================================== */ /* * Hide not active items */ .uk-switcher > :not(.uk-active) { display: none; } /* * Remove margin from the last-child */ .uk-switcher > * > :last-child { margin-bottom: 0; } } /*! purgecss end ignore */ @layer component_base { @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } } @layer site_base { body, h1, h2, h3, h4, h5, h6, p, li, blockquote, legend, label, input, textarea, select, button, th, td, caption, details, summary, dt, dd, pre, div { color: var(--p-text); transition-property: color, border-color; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .screen-reader-only:not(.show-on-focus), .show-on-focus:not(:active, :focus, :focus-visible) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:is(:active, :focus, :focus-visible) { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .skip-to-content { display: block; padding-block: clamp(8px, 0.6849vw + 5.5342px, 16px); } :is(:root, body) { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { :is(:root, body) { scroll-behavior: auto; } } :root { height: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; -mos-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transition: background-color 480ms linear(0, 1); } :is(body, .w-page) { font-size: clamp(18px, 0.146vw + 17.4742px, 18.1577px); font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { :is(body, .w-page) { font-size: clamp(18.1577px, 0.1488vw + 17.4609px, 18.3482px); } } @media (min-width: 596px) and (max-width: 739.98px) { :is(body, .w-page) { font-size: clamp(18.3482px, 0.1586vw + 17.4024px, 18.5768px); } } @media (min-width: 740px) and (max-width: 899.98px) { :is(body, .w-page) { font-size: clamp(18.5768px, 0.1702vw + 17.3173px, 18.8491px); } } @media (min-width: 900px) and (max-width: 1083.98px) { :is(body, .w-page) { font-size: clamp(18.8491px, 0.1754vw + 17.2703px, 19.1719px); } } @media (min-width: 1084px) { :is(body, .w-page) { font-size: clamp(19.1719px, 0.183vw + 17.1875px, 19.5526px); } } @media (min-width: 1292px) { :is(body, .w-page) { font-size: clamp(19.5526px, 0.1895vw + 17.1037px, 20px); } } body { position: relative; z-index: 1; margin: 0; padding: 0; overflow-x: hidden; color: var(--p-text); } body[data-allow-scroll=false] { overflow: hidden; } .w-page { display: flex; flex-direction: column; min-height: 100dvh; } main { flex: 1 0 auto; } *::-moz-selection { color: var(--p-selection-text); background: var(--p-selection-bg); } *::selection { color: var(--p-selection-text); background: var(--p-selection-bg); } :is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0; } :is(h1, h2, h3, h4, h5, h6) + p { margin-top: 0.4em; } :is(h1, h2, h3, h4) { margin-left: -0.035em; margin-top: 1.25em; } :is(h1, h2, h3, h4):last-child { margin-bottom: 0; } :is(h1, h2) { margin-bottom: 0.45em; } :is(h3, h4) { margin-bottom: 0.65em; } :is(h5, h6) { margin-top: 1.5em; margin-bottom: 0.55em; } h1 { font-size: clamp(32px, 2.6287vw + 22.5363px, 34.839px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(40px, 2.7894vw + 29.958px, 43.0125px); letter-spacing: clamp(-0.0537px, -0.0497vw + 0.1787px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { h1 { font-size: clamp(34.839px, 2.6797vw + 22.2976px, 38.2692px); line-height: clamp(43.0125px, 2.8435vw + 29.7047px, 46.6523px); letter-spacing: clamp(-0.1185px, -0.0507vw + 0.1832px, -0.0537px); } } @media (min-width: 596px) and (max-width: 739.98px) { h1 { font-size: clamp(38.2692px, 2.8565vw + 21.2441px, 42.3826px); line-height: clamp(46.6523px, 3.0311vw + 28.5868px, 51.0171px); letter-spacing: clamp(-0.1962px, -0.054vw + 0.2031px, -0.1185px); } } @media (min-width: 740px) and (max-width: 899.98px) { h1 { font-size: clamp(42.3826px, 3.0636vw + 19.7115px, 47.2845px); line-height: clamp(51.0171px, 3.2508vw + 26.9606px, 56.2185px); letter-spacing: clamp(-0.2888px, -0.0579vw + 0.2321px, -0.1962px); } } @media (min-width: 900px) and (max-width: 1083.98px) { h1 { font-size: clamp(47.2845px, 3.1575vw + 18.8668px, 53.0943px); line-height: clamp(56.2185px, 3.3504vw + 26.0643px, 62.3834px); letter-spacing: clamp(-0.3985px, -0.0597vw + 0.248px, -0.2888px); } } @media (min-width: 1084px) { h1 { font-size: clamp(53.0943px, 3.295vw + 17.3759px, 59.948px); line-height: clamp(62.3834px, 3.4964vw + 24.4822px, 69.6559px); letter-spacing: clamp(-0.528px, -0.0623vw + 0.2762px, -0.3985px); } } @media (min-width: 1292px) { h1 { font-size: clamp(59.948px, 3.4118vw + 15.8669px, 68px); line-height: clamp(69.6559px, 3.6203vw + 22.881px, 78.1999px); letter-spacing: clamp(-0.6801px, -0.0645vw + 0.3047px, -0.528px); } } h2 { font-size: clamp(32px, 1.1683vw + 27.7939px, 33.2618px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(40px, 1.2397vw + 35.5369px, 41.3389px); letter-spacing: clamp(-0.0239px, -0.0221vw + 0.0794px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { h2 { font-size: clamp(33.2618px, 1.191vw + 27.6878px, 34.7863px); line-height: clamp(41.3389px, 1.2638vw + 35.4243px, 42.9565px); letter-spacing: clamp(-0.0527px, -0.0225vw + 0.0814px, -0.0239px); } } @media (min-width: 596px) and (max-width: 739.98px) { h2 { font-size: clamp(34.7863px, 1.2695vw + 27.2196px, 36.6145px); line-height: clamp(42.9565px, 1.3471vw + 34.9274px, 44.8965px); letter-spacing: clamp(-0.0872px, -0.024vw + 0.0902px, -0.0527px); } } @media (min-width: 740px) and (max-width: 899.98px) { h2 { font-size: clamp(36.6145px, 1.3616vw + 26.5384px, 38.7931px); line-height: clamp(44.8965px, 1.4448vw + 34.2047px, 47.2082px); letter-spacing: clamp(-0.1284px, -0.0258vw + 0.1031px, -0.0872px); } } @media (min-width: 900px) and (max-width: 1083.98px) { h2 { font-size: clamp(38.7931px, 1.4033vw + 26.163px, 41.3752px); line-height: clamp(47.2082px, 1.489vw + 33.8063px, 49.9481px); letter-spacing: clamp(-0.1771px, -0.0266vw + 0.1102px, -0.1284px); } } @media (min-width: 1084px) { h2 { font-size: clamp(41.3752px, 1.4644vw + 25.5004px, 44.4213px); line-height: clamp(49.9481px, 1.5539vw + 33.1032px, 53.1804px); letter-spacing: clamp(-0.2347px, -0.0277vw + 0.1227px, -0.1771px); } } @media (min-width: 1292px) { h2 { font-size: clamp(44.4213px, 1.5163vw + 24.8297px, 48px); line-height: clamp(53.1804px, 1.609vw + 32.3915px, 56.9777px); letter-spacing: clamp(-0.3023px, -0.0287vw + 0.1354px, -0.2347px); } } h3 { font-size: clamp(28px, 0.4381vw + 26.4227px, 28.4731px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 800; line-height: clamp(35px, 0.2993vw + 33.9221px, 35.3233px); letter-spacing: clamp(-0.0269px, -0.0249vw + 0.0893px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { h3 { font-size: clamp(28.4731px, 0.4466vw + 26.3829px, 29.0448px); line-height: clamp(35.3233px, 0.3051vw + 33.895px, 35.7139px); letter-spacing: clamp(-0.0593px, -0.0254vw + 0.0916px, -0.0269px); } } @media (min-width: 596px) and (max-width: 739.98px) { h3 { font-size: clamp(29.0448px, 0.476vw + 26.2073px, 29.7304px); line-height: clamp(35.7139px, 0.3253vw + 33.775px, 36.1824px); letter-spacing: clamp(-0.0981px, -0.027vw + 0.1015px, -0.0593px); } } @media (min-width: 740px) and (max-width: 899.98px) { h3 { font-size: clamp(29.7304px, 0.5106vw + 25.9519px, 30.5474px); line-height: clamp(36.1824px, 0.3489vw + 33.6004px, 36.7407px); letter-spacing: clamp(-0.1444px, -0.029vw + 0.116px, -0.0981px); } } @media (min-width: 900px) and (max-width: 1083.98px) { h3 { font-size: clamp(30.5474px, 0.5262vw + 25.8111px, 31.5157px); line-height: clamp(36.7407px, 0.3596vw + 33.5042px, 37.4024px); letter-spacing: clamp(-0.1993px, -0.0299vw + 0.124px, -0.1444px); } } @media (min-width: 1084px) { h3 { font-size: clamp(31.5157px, 0.5491vw + 25.5626px, 32.658px); line-height: clamp(37.4024px, 0.3752vw + 33.3344px, 38.1829px); letter-spacing: clamp(-0.264px, -0.0312vw + 0.1381px, -0.1993px); } } @media (min-width: 1292px) { h3 { font-size: clamp(32.658px, 0.5686vw + 25.3111px, 34px); line-height: clamp(38.1829px, 0.3885vw + 33.1626px, 39.0999px); letter-spacing: clamp(-0.3401px, -0.0323vw + 0.1523px, -0.264px); } } h4 { font-size: 26px; font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 800; line-height: 32.5px; letter-spacing: 0px; font-variant-numeric: oldstyle-nums; } h5 { font-size: 22px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; } h6 { font-size: 14px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; } p { margin-top: 0.85em; } p:first-child { margin-top: 0; } p.drop-cap::first-letter { display: block; margin: clamp(-16px, -1.0274vw - 0.3014px, -4px) 0.125em 0.2em 0; padding-bottom: 0.04em; border-bottom: 4px solid var(--p-accent-1); float: left; font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { p.drop-cap::first-letter { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { p.drop-cap::first-letter { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { p.drop-cap::first-letter { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { p.drop-cap::first-letter { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { p.drop-cap::first-letter { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { p.drop-cap::first-letter { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } p.drop-cap + * { clear: left; } @-moz-document url-prefix() { p.drop-cap::first-letter { margin-top: clamp(6px, 0.1712vw + 5.3835px, 8px); padding-bottom: 0.25em; } } b, strong { font-weight: 700; } .title strong { margin-inline: -0.08em; padding-inline: 0.08em; background: linear-gradient(var(--p-highlight-bg), var(--p-highlight-bg)); background-repeat: no-repeat; background-size: 100% 44%; background-position: 0 82%; font-weight: inherit; } a, .shy:not(a) { --link-color-text: var(--p-link-default-text); --link-color-bg: var(--p-link-default-bg); --link-underline-color-default: var(--p-link-default-border); --link-underline-color-hover: var(--p-link-hover-border); --link-underline-color: var(--link-underline-color-default); --link-underline-width-default: 1px; --link-underline-width-hover: 0px; --link-underline-width: var(--link-underline-width-default); --link-bg-size: 0%; --link-bg-position: 100%; color: var(--link-color-text); background-color: var(--link-color-bg); text-decoration-line: underline; text-decoration-color: var(--link-underline-color); text-decoration-thickness: var(--link-underline-width); text-underline-offset: var(--link-underline-offset); -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; transition-property: color, background-color, background-size, background-position, text-decoration-color, text-underline-offset; background: linear-gradient(var(--p-link-hover-bg), var(--p-link-hover-bg)); background-repeat: no-repeat; background-size: 100% var(--link-bg-size); background-position: 0 var(--link-bg-position); transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } a.\:icon, .shy:not(a).\:icon { display: inline-flex; align-items: center; gap: 1.25em; } @media (hover: hover) { a:hover, .shy:not(a):hover { --link-color-text: var(--p-link-hover-text); --link-color-bg: var(--p-link-hover-bg); --link-underline-color-default: transparent; --link-underline-width-hover: 0.7em; --link-bg-size: 55%; --link-bg-position: 100%; } } a { --link-underline-offset: 0.3em; } @media (hover: hover) { a:hover { --link-underline-offset: 0.3em; } } a.\+secret { --link-color-bg: transparent; --link-underline-color-default: transparent; --link-underline-color-hover: transparent; --link-underline-color: transparent; --link-underline-width-default: 0; --link-underline-width-hover: 0; --link-underline-width: 0; background: none; } .shy.shy { --link-color-text: var(--p-link-shy-default-text); --link-color-bg: var(--p-link-shy-default-bg); --link-underline-color-default: transparent; --link-underline-offset: 0.3em; } @media (hover: hover) { .shy.shy:hover { --link-color-text: var(--p-link-shy-hover-text); --link-color-bg: var(--p-link-shy-hover-bg); --link-underline-offset: 0.3em; } } #wpadminbar { z-index: 999999 !important; } @media (max-width: 739.98px) { #wpadminbar { display: none; } } svg { max-width: 100%; height: auto; } } @layer site_local { :is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { background-color: var(--p-fill); } .\:palette-0 { background-color: transparent; } :root { background-color: var(--p-fill); color: var(--p-text); } } @layer site_custom { :root:has([data-palette-static="1"]) { --p-fill: var(--color-p1); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p2); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t3); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-static="2"]) { --p-fill: var(--color-p2); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p1); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t2); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-static="3"]) { --p-fill: var(--color-p3); --p-link-hover-bg: var(--color-a2); --p-link-shy-hover-bg: var(--color-a2); --p-btn-v1-hover-bg: var(--color-p2); --p-btn-v1-active-bg: var(--color-p2); --p-btn-v2-hover-bg: var(--color-p2); --p-btn-v2-active-bg: var(--color-p2); --p-btn-v3-hover-bg: var(--color-p2); --p-btn-v3-active-bg: var(--color-p2); --p-btn-v4-hover-bg: var(--color-p2); --p-btn-v4-active-bg: var(--color-p2); } :root:has([data-palette-static="4"]) { --p-fill: var(--color-p4); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-t1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t4); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t4); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t4); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t4); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t4); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-static="5"]) { --p-fill: var(--color-p5); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-static="6"]) { --p-fill: var(--color-p6); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-static="7"]) { --p-fill: var(--color-p7); --p-line: var(--color-o4); } :root:has([data-palette-static="8"]) { --p-fill: var(--color-p8); --p-line: var(--color-o4); } :root:has([data-palette-static="9"]) { --p-fill: var(--color-p9); --p-line: var(--color-o4); } :root:has([data-palette-static="10"]) { --p-fill: var(--color-p10); --p-line: var(--color-o4); } :root:has([data-palette-static="11"]) { --p-fill: var(--color-p11); --p-line: var(--color-o4); } :root:has([data-palette-root="1"]) { --p-fill: var(--color-p1); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p2); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t3); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-root="2"]) { --p-fill: var(--color-p2); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p1); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t2); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-root="3"]) { --p-fill: var(--color-p3); --p-link-hover-bg: var(--color-a2); --p-link-shy-hover-bg: var(--color-a2); --p-btn-v1-hover-bg: var(--color-p2); --p-btn-v1-active-bg: var(--color-p2); --p-btn-v2-hover-bg: var(--color-p2); --p-btn-v2-active-bg: var(--color-p2); --p-btn-v3-hover-bg: var(--color-p2); --p-btn-v3-active-bg: var(--color-p2); --p-btn-v4-hover-bg: var(--color-p2); --p-btn-v4-active-bg: var(--color-p2); } :root:has([data-palette-root="4"]) { --p-fill: var(--color-p4); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-t1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t4); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t4); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t4); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t4); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t4); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-root="5"]) { --p-fill: var(--color-p5); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-root="6"]) { --p-fill: var(--color-p6); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } :root:has([data-palette-root="7"]) { --p-fill: var(--color-p7); --p-line: var(--color-o4); } :root:has([data-palette-root="8"]) { --p-fill: var(--color-p8); --p-line: var(--color-o4); } :root:has([data-palette-root="9"]) { --p-fill: var(--color-p9); --p-line: var(--color-o4); } :root:has([data-palette-root="10"]) { --p-fill: var(--color-p10); --p-line: var(--color-o4); } :root:has([data-palette-root="11"]) { --p-fill: var(--color-p11); --p-line: var(--color-o4); } } @layer site_base { .breakpoint-display { position: fixed; right: 0; bottom: 0; z-index: 10000; display: block; margin: 0; padding: 0; color: var(--p-text); font-weight: 700; pointer-events: none; touch-action: none; } .breakpoint-display > div { display: none; padding: 4px 8px; background: var(--p-accent-7); } @media (min-width: 0px) and (max-width: 359px) { .breakpoint-display .b0 { display: block; } } @media (min-width: 360px) and (max-width: 467px) { .breakpoint-display .b1 { display: block; } } @media (min-width: 468px) and (max-width: 595px) { .breakpoint-display .b2 { display: block; } } @media (min-width: 596px) and (max-width: 739px) { .breakpoint-display .b3 { display: block; } } @media (min-width: 740px) and (max-width: 899px) { .breakpoint-display .b4 { display: block; } } @media (min-width: 900px) and (max-width: 1083px) { .breakpoint-display .b5 { display: block; } } @media (min-width: 1084px) and (max-width: 1291px) { .breakpoint-display .b6 { display: block; } } @media (min-width: 1292px) and (max-width: 1527px) { .breakpoint-display .b7 { display: block; } } @media (min-width: 1528px) and (max-width: 1791px) { .breakpoint-display .b8 { display: block; } } @media (min-width: 1792px) { .breakpoint-display .b9 { display: block; } } .breakpoint-detector { position: fixed; left: 0; bottom: 0; z-index: -10000; display: block; width: 0; height: 0; margin: 0; padding: 0; pointer-events: none; touch-action: none; } .breakpoint-detector .b0 { width: 0px; } .breakpoint-detector .b1 { width: 360px; } .breakpoint-detector .b2 { width: 468px; } .breakpoint-detector .b3 { width: 596px; } .breakpoint-detector .b4 { width: 740px; } .breakpoint-detector .b5 { width: 900px; } .breakpoint-detector .b6 { width: 1084px; } .breakpoint-detector .b7 { width: 1292px; } .breakpoint-detector .b8 { width: 1528px; } .breakpoint-detector .b9 { width: 1792px; } } .reveal{ opacity: 1; } [js] .reveal{ opacity: 0; } [js] .reveal.uk-scrollspy-inview{ opacity: 1; } @keyframes tm-slide-bottom-small-text { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .tm-slide-bottom-small-text { animation-name: tm-slide-bottom-small-text; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } @keyframes tm-slide-bottom-medium-text { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } .tm-slide-bottom-medium-text { animation-name: tm-slide-bottom-medium-text; animation-duration: 1.6s; animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } @keyframes tm-slide-bottom-medium-image { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .tm-slide-bottom-medium-image { animation-name: tm-slide-bottom-medium-image; animation-duration: 1.6s; animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } :root[js]:not([ready]) *, :root[js]:not([ready]) *:before, :root[js]:not([ready]) *:after { transition: none !important; } html[js]:not([loaded]) body { display: none; } @layer site_base {} .wysiwyg .gform_wrapper .gform_required_legend{ display: none; } .wysiwyg .gform_body .ginput_complex{ margin-top: 24px !important; display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; gap: 0 !important; } @media (min-width: 1084px){ .wysiwyg .gform_body .ginput_complex{ flex-direction: row !important; flex-wrap: nowrap !important; gap: 20px !important; } } .wysiwyg .gform_body .ginput_complex span{ display: flex; width: 100%; flex-direction: column; gap: 12px; } .wysiwyg .gform_body .ginput_complex span:first-child{ margin-bottom: 24px; } @media (min-width: 1084px){ .wysiwyg .gform_body .ginput_complex span:first-child{ margin-bottom: 0; } } .wysiwyg .gform_body .ginput_complex .gf_clear{ display: none !important; } .wysiwyg .gform_body .gfield{ margin-bottom: 60px; } @media (min-width: 1084px){ .wysiwyg .gform_body .gfield{ margin-bottom: 80px; } } .wysiwyg .gform_body .gfield .gfield_label{ font-size: 22px; font-weight: 700; } .wysiwyg .gform_body .gfield .ginput_container{ margin-top: 24px; } .wysiwyg .gform_body .gfield .ginput_container textarea{ border-radius: 20px; } .wysiwyg .gform_body .gfield .ginput_container .ginput_counter{ font-size: 14px; font-weight: 400; } .wysiwyg .gform_body .gfield .gfield_description{ margin-top: 16px; } .wysiwyg .gform_body .gfield .gform-field-label--type-sub { font-size: 18px; font-style: normal; font-weight: 350; line-height: 140%; /* 25.2px */ } .wysiwyg .gform_body .gfield .gform-field-label--type-sub.hidden_sub_label{ display: none !important; } .wysiwyg .gform_body .gfield.gfield--type-name legend{ display: block !important; } .wysiwyg .gform_body .gfield .gfield_label .gfield_required span{ --tw-text-opacity: 1; color: rgb(229 21 73 / var(--tw-text-opacity)); } @layer site_base { :root { --grid-columns: 12; --items-per-row: 4; } .\:c { margin-inline: auto; width: 100%; } .\:m { max-width: 1528px; } .\:p { padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } :is(.\:g, [class^=":g-"], [class*=" :g-"], [class*=" :g-"]) { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: 0 clamp(20px, 1.7123vw + 13.8356px, 40px); } .\:g { --grid-columns: 6; } @media (min-width: 468px) { .\:g { --grid-columns: 12; } } .\:g-1 { --grid-columns: 1; } .\:g-2 { --grid-columns: 2; } .\:g-3 { --grid-columns: 3; } .\:g-4 { --grid-columns: 4; } .\:g-5 { --grid-columns: 5; } .\:g-6 { --grid-columns: 6; } .\:g-7 { --grid-columns: 7; } .\:g-8 { --grid-columns: 8; } .\:g-9 { --grid-columns: 9; } .\:g-10 { --grid-columns: 10; } .\:g-11 { --grid-columns: 11; } .\:g-12 { --grid-columns: 12; } .\:g-x { --grid-columns: 1; } :is([class^=":g-max-"], [class*=" :g-max-"], [class*=" :g-max-"]) { --item-min-width: 200px; --item-max-width: calc( (100% - ((var(--items-per-row) - 1) * clamp(20px, 1.7123vw + 13.8356px, 40px))) / var(--items-per-row) ); grid-template-columns: repeat(auto-fill, minmax(max(var(--item-min-width), var(--item-max-width)), 1fr)); } .\:g-max-1 { --items-per-row: 1; } .\:g-max-2 { --items-per-row: 2; } .\:g-max-3 { --items-per-row: 3; } .\:g-max-4 { --items-per-row: 4; } .\:g-max-5 { --items-per-row: 5; } .\:g-max-6 { --items-per-row: 6; } .\:gi-center-10 { grid-column: 1/-1; } @media (min-width: 596px) { .\:gi-center-10 { grid-column: 2/span 10; } } .\:gi-center-8 { grid-column: 1/-1; } @media (min-width: 596px) { .\:gi-center-8 { grid-column: 2/span 10; } } @media (min-width: 900px) { .\:gi-center-8 { grid-column: 3/span 8; } } .\:gi-center-6 { grid-column: 1/-1; } @media (min-width: 596px) { .\:gi-center-6 { grid-column: 2/span 10; } } @media (min-width: 900px) { .\:gi-center-6 { grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:gi-center-6 { grid-column: 4/span 6; } } } /*! purgecss start ignore */ @layer site_local { [class*=grid-cols-], [class*=col-span-] { --col-width: calc( ( 100% - ( (var(--cols, 1) - 1) * var(--col-gap, 0) ) ) / var(--cols, 1) ); } .grid-cols-0, .col-span-0 { --cols: 0; } .grid-cols-1, .col-span-1 { --cols: 1; } .grid-cols-2, .col-span-2 { --cols: 2; } .grid-cols-3, .col-span-3 { --cols: 3; } .grid-cols-4, .col-span-4 { --cols: 4; } .grid-cols-5, .col-span-5 { --cols: 5; } .grid-cols-6, .col-span-6 { --cols: 6; } .grid-cols-7, .col-span-7 { --cols: 7; } .grid-cols-8, .col-span-8 { --cols: 8; } .grid-cols-9, .col-span-9 { --cols: 9; } .grid-cols-10, .col-span-10 { --cols: 10; } .grid-cols-11, .col-span-11 { --cols: 11; } .grid-cols-12, .col-span-12 { --cols: 12; } [class*=col-span-ish-] { width: calc(var(--span-ish-col) * var(--col-width, 100%) + (var(--span-ish-col) - 1) * var(--col-gap, 0)); } [class*=col-pull-ish-] { margin-left: calc(var(--pull-ish-col) * var(--col-width, 100%) + var(--pull-ish-col) * var(--col-gap, 0)); } [class*=col-push-ish-] { margin-right: calc(var(--push-ish-col) * var(--col-width, 100%) + var(--push-ish-col) * var(--col-gap, 0)); } .col-span-ish-0 { --span-ish-col: 0; } .col-pull-ish-0 { --pull-ish-col: 0; } .col-push-ish-0 { --push-ish-col: 0; } .col-span-ish-1 { --span-ish-col: 1; } .col-pull-ish-1 { --pull-ish-col: 1; } .col-push-ish-1 { --push-ish-col: 1; } .col-span-ish-2 { --span-ish-col: 2; } .col-pull-ish-2 { --pull-ish-col: 2; } .col-push-ish-2 { --push-ish-col: 2; } .col-span-ish-3 { --span-ish-col: 3; } .col-pull-ish-3 { --pull-ish-col: 3; } .col-push-ish-3 { --push-ish-col: 3; } .col-span-ish-4 { --span-ish-col: 4; } .col-pull-ish-4 { --pull-ish-col: 4; } .col-push-ish-4 { --push-ish-col: 4; } .col-span-ish-5 { --span-ish-col: 5; } .col-pull-ish-5 { --pull-ish-col: 5; } .col-push-ish-5 { --push-ish-col: 5; } .col-span-ish-6 { --span-ish-col: 6; } .col-pull-ish-6 { --pull-ish-col: 6; } .col-push-ish-6 { --push-ish-col: 6; } .col-span-ish-7 { --span-ish-col: 7; } .col-pull-ish-7 { --pull-ish-col: 7; } .col-push-ish-7 { --push-ish-col: 7; } .col-span-ish-8 { --span-ish-col: 8; } .col-pull-ish-8 { --pull-ish-col: 8; } .col-push-ish-8 { --push-ish-col: 8; } .col-span-ish-9 { --span-ish-col: 9; } .col-pull-ish-9 { --pull-ish-col: 9; } .col-push-ish-9 { --push-ish-col: 9; } .col-span-ish-10 { --span-ish-col: 10; } .col-pull-ish-10 { --pull-ish-col: 10; } .col-push-ish-10 { --push-ish-col: 10; } .col-span-ish-11 { --span-ish-col: 11; } .col-pull-ish-11 { --pull-ish-col: 11; } .col-push-ish-11 { --push-ish-col: 11; } .col-span-ish-12 { --span-ish-col: 12; } .col-pull-ish-12 { --pull-ish-col: 12; } .col-push-ish-12 { --push-ish-col: 12; } .inherit-grid-cols { display: inherit; grid-template-columns: inherit; gap: inherit; } } /*! purgecss end ignore */ @layer site_local { .ro-default { margin-block: clamp(48px, 2.7397vw + 38.1369px, 80px); } .ri-default { padding-block: clamp(48px, 2.7397vw + 38.1369px, 80px); } .ro-tiny { margin-block: clamp(8px, 0.6849vw + 5.5342px, 16px); } .ri-tiny { padding-block: clamp(8px, 0.6849vw + 5.5342px, 16px); } .ro-small { margin-block: clamp(16px, 0.6849vw + 13.5342px, 24px); } .ri-small { padding-block: clamp(16px, 0.6849vw + 13.5342px, 24px); } .ro-medium { margin-block: clamp(24px, 0.6849vw + 21.5342px, 32px); } .ri-medium { padding-block: clamp(24px, 0.6849vw + 21.5342px, 32px); } .ro-large { margin-block: clamp(32px, 1.3698vw + 27.0684px, 48px); } .ri-large { padding-block: clamp(32px, 1.3698vw + 27.0684px, 48px); } .ro-flow { margin-block: clamp(28px, 1.0273vw + 24.3013px, 40px); } .ri-flow { padding-block: clamp(28px, 1.0273vw + 24.3013px, 40px); } .ro-gutter { margin-block: clamp(20px, 1.7123vw + 13.8356px, 40px); } .ri-gutter { padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px); } .ro-outer { margin-block: clamp(32px, 0.6849vw + 29.5342px, 40px); } .ri-outer { padding-block: clamp(32px, 0.6849vw + 29.5342px, 40px); } .ro-fill { margin-block: clamp(40px, 3.4246vw + 27.6712px, 80px); } .ri-fill { padding-block: clamp(40px, 3.4246vw + 27.6712px, 80px); } .ro-feature { margin-block: clamp(80px, 3.4246vw + 67.6712px, 120px); } .ri-feature { padding-block: clamp(80px, 3.4246vw + 67.6712px, 120px); } .ro-hero { margin-block: clamp(192px, 16.4383vw + 132.8219px, 384px); } .ri-hero { padding-block: clamp(192px, 16.4383vw + 132.8219px, 384px); } .ro-huge { margin-block: clamp(80px, 5.4794vw + 60.2739px, 144px); } .ri-huge { padding-block: clamp(80px, 5.4794vw + 60.2739px, 144px); } .ro-mega { margin-block: clamp(80px, 8.5616vw + 49.178px, 180px); } .ri-mega { padding-block: clamp(80px, 8.5616vw + 49.178px, 180px); } .ro-work { margin-block: clamp(80px, 10.2739vw + 43.0136px, 200px); } .ri-work { padding-block: clamp(80px, 10.2739vw + 43.0136px, 200px); } .ro-filter { margin-block: 40px; } .ri-filter { padding-block: 40px; } .ro-anniversary-medium { margin-block: clamp(8px, 6.1643vw - 14.1918px, 80px); } .ri-anniversary-medium { padding-block: clamp(8px, 6.1643vw - 14.1918px, 80px); } .ro-anniversary-large { margin-block: clamp(12px, 9.2465vw - 21.2877px, 120px); } .ri-anniversary-large { padding-block: clamp(12px, 9.2465vw - 21.2877px, 120px); } .rot-default { margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .rob-default { margin-bottom: clamp(48px, 2.7397vw + 38.1369px, 80px); } .rit-default { padding-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .rib-default { padding-bottom: clamp(48px, 2.7397vw + 38.1369px, 80px); } .rot-tiny { margin-top: clamp(8px, 0.6849vw + 5.5342px, 16px); } .rob-tiny { margin-bottom: clamp(8px, 0.6849vw + 5.5342px, 16px); } .rit-tiny { padding-top: clamp(8px, 0.6849vw + 5.5342px, 16px); } .rib-tiny { padding-bottom: clamp(8px, 0.6849vw + 5.5342px, 16px); } .rot-small { margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .rob-small { margin-bottom: clamp(16px, 0.6849vw + 13.5342px, 24px); } .rit-small { padding-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .rib-small { padding-bottom: clamp(16px, 0.6849vw + 13.5342px, 24px); } .rot-medium { margin-top: clamp(24px, 0.6849vw + 21.5342px, 32px); } .rob-medium { margin-bottom: clamp(24px, 0.6849vw + 21.5342px, 32px); } .rit-medium { padding-top: clamp(24px, 0.6849vw + 21.5342px, 32px); } .rib-medium { padding-bottom: clamp(24px, 0.6849vw + 21.5342px, 32px); } .rot-large { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .rob-large { margin-bottom: clamp(32px, 1.3698vw + 27.0684px, 48px); } .rit-large { padding-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .rib-large { padding-bottom: clamp(32px, 1.3698vw + 27.0684px, 48px); } .rot-flow { margin-top: clamp(28px, 1.0273vw + 24.3013px, 40px); } .rob-flow { margin-bottom: clamp(28px, 1.0273vw + 24.3013px, 40px); } .rit-flow { padding-top: clamp(28px, 1.0273vw + 24.3013px, 40px); } .rib-flow { padding-bottom: clamp(28px, 1.0273vw + 24.3013px, 40px); } .rot-gutter { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rob-gutter { margin-bottom: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rit-gutter { padding-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rib-gutter { padding-bottom: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rot-outer { margin-top: clamp(32px, 0.6849vw + 29.5342px, 40px); } .rob-outer { margin-bottom: clamp(32px, 0.6849vw + 29.5342px, 40px); } .rit-outer { padding-top: clamp(32px, 0.6849vw + 29.5342px, 40px); } .rib-outer { padding-bottom: clamp(32px, 0.6849vw + 29.5342px, 40px); } .rot-fill { margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .rob-fill { margin-bottom: clamp(40px, 3.4246vw + 27.6712px, 80px); } .rit-fill { padding-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .rib-fill { padding-bottom: clamp(40px, 3.4246vw + 27.6712px, 80px); } .rot-feature { margin-top: clamp(80px, 3.4246vw + 67.6712px, 120px); } .rob-feature { margin-bottom: clamp(80px, 3.4246vw + 67.6712px, 120px); } .rit-feature { padding-top: clamp(80px, 3.4246vw + 67.6712px, 120px); } .rib-feature { padding-bottom: clamp(80px, 3.4246vw + 67.6712px, 120px); } .rot-hero { margin-top: clamp(192px, 16.4383vw + 132.8219px, 384px); } .rob-hero { margin-bottom: clamp(192px, 16.4383vw + 132.8219px, 384px); } .rit-hero { padding-top: clamp(192px, 16.4383vw + 132.8219px, 384px); } .rib-hero { padding-bottom: clamp(192px, 16.4383vw + 132.8219px, 384px); } .rot-huge { margin-top: clamp(80px, 5.4794vw + 60.2739px, 144px); } .rob-huge { margin-bottom: clamp(80px, 5.4794vw + 60.2739px, 144px); } .rit-huge { padding-top: clamp(80px, 5.4794vw + 60.2739px, 144px); } .rib-huge { padding-bottom: clamp(80px, 5.4794vw + 60.2739px, 144px); } .rot-mega { margin-top: clamp(80px, 8.5616vw + 49.178px, 180px); } .rob-mega { margin-bottom: clamp(80px, 8.5616vw + 49.178px, 180px); } .rit-mega { padding-top: clamp(80px, 8.5616vw + 49.178px, 180px); } .rib-mega { padding-bottom: clamp(80px, 8.5616vw + 49.178px, 180px); } .rot-work { margin-top: clamp(80px, 10.2739vw + 43.0136px, 200px); } .rob-work { margin-bottom: clamp(80px, 10.2739vw + 43.0136px, 200px); } .rit-work { padding-top: clamp(80px, 10.2739vw + 43.0136px, 200px); } .rib-work { padding-bottom: clamp(80px, 10.2739vw + 43.0136px, 200px); } .rot-filter { margin-top: 40px; } .rob-filter { margin-bottom: 40px; } .rit-filter { padding-top: 40px; } .rib-filter { padding-bottom: 40px; } .rot-anniversary-medium { margin-top: clamp(8px, 6.1643vw - 14.1918px, 80px); } .rob-anniversary-medium { margin-bottom: clamp(8px, 6.1643vw - 14.1918px, 80px); } .rit-anniversary-medium { padding-top: clamp(8px, 6.1643vw - 14.1918px, 80px); } .rib-anniversary-medium { padding-bottom: clamp(8px, 6.1643vw - 14.1918px, 80px); } .rot-anniversary-large { margin-top: clamp(12px, 9.2465vw - 21.2877px, 120px); } .rob-anniversary-large { margin-bottom: clamp(12px, 9.2465vw - 21.2877px, 120px); } .rit-anniversary-large { padding-top: clamp(12px, 9.2465vw - 21.2877px, 120px); } .rib-anniversary-large { padding-bottom: clamp(12px, 9.2465vw - 21.2877px, 120px); } :is(.ro-flush, .rob-flush) + :is(.ro-flush, .rot-flush) { margin-top: 0; } :is(.ro-flush, .rob-flush) + main > :first-child:is(.ro-flush, .rot-flush) { margin-top: 0; } .\:palette-1:has(+ .\:palette-1) { margin-bottom: 0; } .\:palette-1 + .\:palette-1 { padding-top: 0; } .\:palette-2:has(+ .\:palette-2) { margin-bottom: 0; } .\:palette-2 + .\:palette-2 { padding-top: 0; } .\:palette-3:has(+ .\:palette-3) { margin-bottom: 0; } .\:palette-3 + .\:palette-3 { padding-top: 0; } .\:palette-4:has(+ .\:palette-4) { margin-bottom: 0; } .\:palette-4 + .\:palette-4 { padding-top: 0; } .\:palette-5:has(+ .\:palette-5) { margin-bottom: 0; } .\:palette-5 + .\:palette-5 { padding-top: 0; } .\:palette-6:has(+ .\:palette-6) { margin-bottom: 0; } .\:palette-6 + .\:palette-6 { padding-top: 0; } .\:palette-7:has(+ .\:palette-7) { margin-bottom: 0; } .\:palette-7 + .\:palette-7 { padding-top: 0; } .\:palette-8:has(+ .\:palette-8) { margin-bottom: 0; } .\:palette-8 + .\:palette-8 { padding-top: 0; } .\:palette-9:has(+ .\:palette-9) { margin-bottom: 0; } .\:palette-9 + .\:palette-9 { padding-top: 0; } .\:palette-10:has(+ .\:palette-10) { margin-bottom: 0; } .\:palette-10 + .\:palette-10 { padding-top: 0; } .\:palette-11:has(+ .\:palette-11) { margin-bottom: 0; } .\:palette-11 + .\:palette-11 { padding-top: 0; } .\:palette-0:has(+ .\:palette-0) { margin-bottom: 0; } .\:palette-0 + .\:palette-0 { padding-top: 0; } .ro-default + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-default + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-default + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-default + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-default + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-default + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-default + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-default + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-default + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .ro-default + :is(.ro-feature, .rot-feature) { margin-top: clamp(32px, 0.6849vw + 29.5342px, 40px); } .ro-default + :is(.ro-hero, .rot-hero) { margin-top: clamp(144px, 13.6986vw + 94.6849px, 304px); } .ro-default + :is(.ro-huge, .rot-huge) { margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px); } .ro-default + :is(.ro-mega, .rot-mega) { margin-top: clamp(32px, 5.8219vw + 11.041px, 100px); } .ro-default + :is(.ro-work, .rot-work) { margin-top: clamp(32px, 7.5342vw + 4.8767px, 120px); } .ro-default + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-default + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-default + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .ro-tiny + :is(.ro-default, .rot-default) { margin-top: clamp(40px, 2.0547vw + 32.6027px, 64px); } .ro-tiny + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-tiny + :is(.ro-small, .rot-small) { margin-top: 8px; } .ro-tiny + :is(.ro-medium, .rot-medium) { margin-top: 16px; } .ro-tiny + :is(.ro-large, .rot-large) { margin-top: clamp(24px, 0.6849vw + 21.5342px, 32px); } .ro-tiny + :is(.ro-flow, .rot-flow) { margin-top: clamp(20px, 0.3424vw + 18.7671px, 24px); } .ro-tiny + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(12px, 1.0273vw + 8.3013px, 24px); } .ro-tiny + :is(.ro-outer, .rot-outer) { margin-top: 24px; } .ro-tiny + :is(.ro-fill, .rot-fill) { margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px); } .ro-tiny + :is(.ro-feature, .rot-feature) { margin-top: clamp(72px, 2.7397vw + 62.1369px, 104px); } .ro-tiny + :is(.ro-hero, .rot-hero) { margin-top: clamp(184px, 15.7534vw + 127.2876px, 368px); } .ro-tiny + :is(.ro-huge, .rot-huge) { margin-top: clamp(72px, 4.7945vw + 54.7397px, 128px); } .ro-tiny + :is(.ro-mega, .rot-mega) { margin-top: clamp(72px, 7.8767vw + 43.6438px, 164px); } .ro-tiny + :is(.ro-work, .rot-work) { margin-top: clamp(72px, 9.589vw + 37.4794px, 184px); } .ro-tiny + :is(.ro-filter, .rot-filter) { margin-top: clamp(24px, -0.685vw + 34.4657px, 32px); } .ro-tiny + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 5.4794vw - 19.7261px, 64px); } .ro-tiny + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(4px, 8.5616vw - 26.822px, 104px); } .ro-small + :is(.ro-default, .rot-default) { margin-top: clamp(32px, 2.0547vw + 24.6027px, 56px); } .ro-small + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-small + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-small + :is(.ro-medium, .rot-medium) { margin-top: 8px; } .ro-small + :is(.ro-large, .rot-large) { margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .ro-small + :is(.ro-flow, .rot-flow) { margin-top: clamp(12px, 0.3424vw + 10.7671px, 16px); } .ro-small + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px); } .ro-small + :is(.ro-outer, .rot-outer) { margin-top: 16px; } .ro-small + :is(.ro-fill, .rot-fill) { margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px); } .ro-small + :is(.ro-feature, .rot-feature) { margin-top: clamp(64px, 2.7397vw + 54.1369px, 96px); } .ro-small + :is(.ro-hero, .rot-hero) { margin-top: clamp(176px, 15.7534vw + 119.2876px, 360px); } .ro-small + :is(.ro-huge, .rot-huge) { margin-top: clamp(64px, 4.7945vw + 46.7397px, 120px); } .ro-small + :is(.ro-mega, .rot-mega) { margin-top: clamp(64px, 7.8767vw + 35.6438px, 156px); } .ro-small + :is(.ro-work, .rot-work) { margin-top: clamp(64px, 9.589vw + 29.4794px, 176px); } .ro-small + :is(.ro-filter, .rot-filter) { margin-top: clamp(16px, -0.685vw + 26.4657px, 24px); } .ro-small + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 4.7945vw - 17.2603px, 56px); } .ro-small + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 8.2191vw - 29.5891px, 96px); } .ro-medium + :is(.ro-default, .rot-default) { margin-top: clamp(24px, 2.0547vw + 16.6027px, 48px); } .ro-medium + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-medium + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-medium + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-medium + :is(.ro-large, .rot-large) { margin-top: clamp(8px, 0.6849vw + 5.5342px, 16px); } .ro-medium + :is(.ro-flow, .rot-flow) { margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .ro-medium + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .ro-medium + :is(.ro-outer, .rot-outer) { margin-top: 8px; } .ro-medium + :is(.ro-fill, .rot-fill) { margin-top: clamp(16px, 2.7397vw + 6.1369px, 48px); } .ro-medium + :is(.ro-feature, .rot-feature) { margin-top: clamp(56px, 2.7397vw + 46.1369px, 88px); } .ro-medium + :is(.ro-hero, .rot-hero) { margin-top: clamp(168px, 15.7534vw + 111.2876px, 352px); } .ro-medium + :is(.ro-huge, .rot-huge) { margin-top: clamp(56px, 4.7945vw + 38.7397px, 112px); } .ro-medium + :is(.ro-mega, .rot-mega) { margin-top: clamp(56px, 7.8767vw + 27.6438px, 148px); } .ro-medium + :is(.ro-work, .rot-work) { margin-top: clamp(56px, 9.589vw + 21.4794px, 168px); } .ro-medium + :is(.ro-filter, .rot-filter) { margin-top: clamp(8px, -0.685vw + 18.4657px, 16px); } .ro-medium + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 4.1095vw - 14.7946px, 48px); } .ro-medium + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 7.5342vw - 27.1233px, 88px); } .ro-large + :is(.ro-default, .rot-default) { margin-top: clamp(16px, 1.3698vw + 11.0684px, 32px); } .ro-large + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-large + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-large + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-large + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-large + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-large + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-large + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-large + :is(.ro-fill, .rot-fill) { margin-top: clamp(8px, 2.0547vw + 0.6027px, 32px); } .ro-large + :is(.ro-feature, .rot-feature) { margin-top: clamp(48px, 2.0547vw + 40.6027px, 72px); } .ro-large + :is(.ro-hero, .rot-hero) { margin-top: clamp(160px, 15.0684vw + 105.7534px, 336px); } .ro-large + :is(.ro-huge, .rot-huge) { margin-top: clamp(48px, 4.1095vw + 33.2054px, 96px); } .ro-large + :is(.ro-mega, .rot-mega) { margin-top: clamp(48px, 7.1917vw + 22.1095px, 132px); } .ro-large + :is(.ro-work, .rot-work) { margin-top: clamp(48px, 8.9041vw + 15.9452px, 152px); } .ro-large + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-large + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 2.7397vw - 9.8631px, 32px); } .ro-large + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.1643vw - 22.1918px, 72px); } .ro-flow + :is(.ro-default, .rot-default) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .ro-flow + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-flow + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-flow + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-flow + :is(.ro-large, .rot-large) { margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .ro-flow + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-flow + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-flow + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .ro-flow + :is(.ro-fill, .rot-fill) { margin-top: clamp(12px, 2.3972vw + 3.3698px, 40px); } .ro-flow + :is(.ro-feature, .rot-feature) { margin-top: clamp(52px, 2.3972vw + 43.3698px, 80px); } .ro-flow + :is(.ro-hero, .rot-hero) { margin-top: clamp(164px, 15.4109vw + 108.5205px, 344px); } .ro-flow + :is(.ro-huge, .rot-huge) { margin-top: clamp(52px, 4.452vw + 35.9726px, 104px); } .ro-flow + :is(.ro-mega, .rot-mega) { margin-top: clamp(52px, 7.5342vw + 24.8767px, 140px); } .ro-flow + :is(.ro-work, .rot-work) { margin-top: clamp(52px, 9.2465vw + 18.7123px, 160px); } .ro-flow + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .ro-flow + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .ro-flow + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .ro-gutter + :is(.ro-default, .rot-default) { margin-top: clamp(28px, 1.0273vw + 24.3013px, 40px); } .ro-gutter + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-gutter + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-gutter + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .ro-gutter + :is(.ro-large, .rot-large) { margin-top: clamp(8px, -0.3425vw + 13.2328px, 12px); } .ro-gutter + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-gutter + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-gutter + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .ro-gutter + :is(.ro-fill, .rot-fill) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .ro-gutter + :is(.ro-feature, .rot-feature) { margin-top: clamp(60px, 1.7123vw + 53.8356px, 80px); } .ro-gutter + :is(.ro-hero, .rot-hero) { margin-top: clamp(172px, 14.726vw + 118.9863px, 344px); } .ro-gutter + :is(.ro-huge, .rot-huge) { margin-top: clamp(60px, 3.7671vw + 46.4383px, 104px); } .ro-gutter + :is(.ro-mega, .rot-mega) { margin-top: clamp(60px, 6.8493vw + 35.3424px, 140px); } .ro-gutter + :is(.ro-work, .rot-work) { margin-top: clamp(60px, 8.5616vw + 29.178px, 160px); } .ro-gutter + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .ro-gutter + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .ro-gutter + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .ro-outer + :is(.ro-default, .rot-default) { margin-top: clamp(16px, 2.0547vw + 8.6027px, 40px); } .ro-outer + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-outer + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-outer + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-outer + :is(.ro-large, .rot-large) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .ro-outer + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-outer + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-outer + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-outer + :is(.ro-fill, .rot-fill) { margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px); } .ro-outer + :is(.ro-feature, .rot-feature) { margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .ro-outer + :is(.ro-hero, .rot-hero) { margin-top: clamp(160px, 15.7534vw + 103.2876px, 344px); } .ro-outer + :is(.ro-huge, .rot-huge) { margin-top: clamp(48px, 4.7945vw + 30.7397px, 104px); } .ro-outer + :is(.ro-mega, .rot-mega) { margin-top: clamp(48px, 7.8767vw + 19.6438px, 140px); } .ro-outer + :is(.ro-work, .rot-work) { margin-top: clamp(48px, 9.589vw + 13.4794px, 160px); } .ro-outer + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-outer + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .ro-outer + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .ro-fill + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-fill + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-fill + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-fill + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-fill + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-fill + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-fill + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-fill + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-fill + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .ro-fill + :is(.ro-feature, .rot-feature) { margin-top: 40px; } .ro-fill + :is(.ro-hero, .rot-hero) { margin-top: clamp(152px, 13.0136vw + 105.1506px, 304px); } .ro-fill + :is(.ro-huge, .rot-huge) { margin-top: clamp(40px, 2.0547vw + 32.6027px, 64px); } .ro-fill + :is(.ro-mega, .rot-mega) { margin-top: clamp(40px, 5.1369vw + 21.5068px, 100px); } .ro-fill + :is(.ro-work, .rot-work) { margin-top: clamp(40px, 6.8493vw + 15.3424px, 120px); } .ro-fill + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-fill + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-fill + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .ro-feature + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-feature + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-feature + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-feature + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-feature + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-feature + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-feature + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-feature + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-feature + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .ro-feature + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .ro-feature + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 13.0136vw + 65.1506px, 264px); } .ro-feature + :is(.ro-huge, .rot-huge) { margin-top: clamp(0px, 2.0547vw - 7.3973px, 24px); } .ro-feature + :is(.ro-mega, .rot-mega) { margin-top: clamp(0px, 5.1369vw - 18.4932px, 60px); } .ro-feature + :is(.ro-work, .rot-work) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .ro-feature + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-feature + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-feature + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .ro-hero + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-hero + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-hero + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-hero + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-hero + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-hero + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-hero + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-hero + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-hero + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .ro-hero + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .ro-hero + :is(.ro-hero, .rot-hero) { margin-top: 0px; } .ro-hero + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .ro-hero + :is(.ro-mega, .rot-mega) { margin-top: 0px; } .ro-hero + :is(.ro-work, .rot-work) { margin-top: 0px; } .ro-hero + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-hero + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-hero + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .ro-huge + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-huge + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-huge + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-huge + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-huge + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-huge + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-huge + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-huge + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-huge + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .ro-huge + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .ro-huge + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 10.9589vw + 72.5479px, 240px); } .ro-huge + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .ro-huge + :is(.ro-mega, .rot-mega) { margin-top: clamp(0px, 3.0821vw - 11.0959px, 36px); } .ro-huge + :is(.ro-work, .rot-work) { margin-top: clamp(0px, 4.7945vw - 17.2603px, 56px); } .ro-huge + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-huge + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-huge + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .ro-mega + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-mega + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-mega + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-mega + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-mega + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-mega + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-mega + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-mega + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-mega + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .ro-mega + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .ro-mega + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 7.8767vw + 83.6438px, 204px); } .ro-mega + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .ro-mega + :is(.ro-mega, .rot-mega) { margin-top: 0px; } .ro-mega + :is(.ro-work, .rot-work) { margin-top: clamp(0px, 1.7123vw - 6.1644px, 20px); } .ro-mega + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-mega + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-mega + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .ro-work + :is(.ro-default, .rot-default) { margin-top: 0px; } .ro-work + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-work + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-work + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-work + :is(.ro-large, .rot-large) { margin-top: 0px; } .ro-work + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-work + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-work + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-work + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .ro-work + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .ro-work + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 6.1643vw + 89.8082px, 184px); } .ro-work + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .ro-work + :is(.ro-mega, .rot-mega) { margin-top: 0px; } .ro-work + :is(.ro-work, .rot-work) { margin-top: 0px; } .ro-work + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-work + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-work + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .ro-filter + :is(.ro-default, .rot-default) { margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px); } .ro-filter + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-filter + :is(.ro-small, .rot-small) { margin-top: 0px; } .ro-filter + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .ro-filter + :is(.ro-large, .rot-large) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .ro-filter + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .ro-filter + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .ro-filter + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .ro-filter + :is(.ro-fill, .rot-fill) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .ro-filter + :is(.ro-feature, .rot-feature) { margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .ro-filter + :is(.ro-hero, .rot-hero) { margin-top: clamp(152px, 16.4383vw + 92.8219px, 344px); } .ro-filter + :is(.ro-huge, .rot-huge) { margin-top: clamp(40px, 5.4794vw + 20.2739px, 104px); } .ro-filter + :is(.ro-mega, .rot-mega) { margin-top: clamp(40px, 8.5616vw + 9.178px, 140px); } .ro-filter + :is(.ro-work, .rot-work) { margin-top: clamp(40px, 10.2739vw + 3.0136px, 160px); } .ro-filter + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .ro-filter + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .ro-filter + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .ro-anniversary-medium + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -3.4247vw + 52.3287px, 40px); } .ro-anniversary-medium + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-anniversary-medium + :is(.ro-small, .rot-small) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-anniversary-medium + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -1.3699vw + 20.9315px, 16px); } .ro-anniversary-medium + :is(.ro-large, .rot-large) { margin-top: clamp(0px, -2.0548vw + 31.3972px, 24px); } .ro-anniversary-medium + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .ro-anniversary-medium + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .ro-anniversary-medium + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -2.0548vw + 31.3972px, 24px); } .ro-anniversary-medium + :is(.ro-fill, .rot-fill) { margin-top: clamp(0px, -2.7398vw + 41.863px, 32px); } .ro-anniversary-medium + :is(.ro-feature, .rot-feature) { margin-top: clamp(40px, -2.7398vw + 81.863px, 72px); } .ro-anniversary-medium + :is(.ro-hero, .rot-hero) { margin-top: clamp(184px, 10.2739vw + 147.0136px, 304px); } .ro-anniversary-medium + :is(.ro-huge, .rot-huge) { margin-top: clamp(64px, -0.685vw + 74.4657px, 72px); } .ro-anniversary-medium + :is(.ro-mega, .rot-mega) { margin-top: clamp(72px, 2.3972vw + 63.3698px, 100px); } .ro-anniversary-medium + :is(.ro-work, .rot-work) { margin-top: clamp(72px, 4.1095vw + 57.2054px, 120px); } .ro-anniversary-medium + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -2.7398vw + 41.863px, 32px); } .ro-anniversary-medium + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-anniversary-medium + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(4px, 3.0821vw - 7.0959px, 40px); } .ro-anniversary-large + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -3.0822vw + 47.0958px, 36px); } .ro-anniversary-large + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .ro-anniversary-large + :is(.ro-small, .rot-small) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .ro-anniversary-large + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .ro-anniversary-large + :is(.ro-large, .rot-large) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .ro-anniversary-large + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -1.3699vw + 20.9315px, 16px); } .ro-anniversary-large + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .ro-anniversary-large + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .ro-anniversary-large + :is(.ro-fill, .rot-fill) { margin-top: clamp(0px, -2.3973vw + 36.6301px, 28px); } .ro-anniversary-large + :is(.ro-feature, .rot-feature) { margin-top: clamp(0px, -5.822vw + 88.9589px, 68px); } .ro-anniversary-large + :is(.ro-hero, .rot-hero) { margin-top: clamp(180px, 7.1917vw + 154.1095px, 264px); } .ro-anniversary-large + :is(.ro-huge, .rot-huge) { margin-top: clamp(24px, -3.7672vw + 81.5616px, 68px); } .ro-anniversary-large + :is(.ro-mega, .rot-mega) { margin-top: clamp(60px, -0.685vw + 70.4657px, 68px); } .ro-anniversary-large + :is(.ro-work, .rot-work) { margin-top: clamp(68px, 1.0273vw + 64.3013px, 80px); } .ro-anniversary-large + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -2.3973vw + 36.6301px, 28px); } .ro-anniversary-large + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .ro-anniversary-large + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .rob-default + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-default + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-default + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-default + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-default + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-default + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-default + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-default + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-default + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .rob-default + :is(.ro-feature, .rot-feature) { margin-top: clamp(32px, 0.6849vw + 29.5342px, 40px); } .rob-default + :is(.ro-hero, .rot-hero) { margin-top: clamp(144px, 13.6986vw + 94.6849px, 304px); } .rob-default + :is(.ro-huge, .rot-huge) { margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px); } .rob-default + :is(.ro-mega, .rot-mega) { margin-top: clamp(32px, 5.8219vw + 11.041px, 100px); } .rob-default + :is(.ro-work, .rot-work) { margin-top: clamp(32px, 7.5342vw + 4.8767px, 120px); } .rob-default + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-default + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-default + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .rob-tiny + :is(.ro-default, .rot-default) { margin-top: clamp(40px, 2.0547vw + 32.6027px, 64px); } .rob-tiny + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-tiny + :is(.ro-small, .rot-small) { margin-top: 8px; } .rob-tiny + :is(.ro-medium, .rot-medium) { margin-top: 16px; } .rob-tiny + :is(.ro-large, .rot-large) { margin-top: clamp(24px, 0.6849vw + 21.5342px, 32px); } .rob-tiny + :is(.ro-flow, .rot-flow) { margin-top: clamp(20px, 0.3424vw + 18.7671px, 24px); } .rob-tiny + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(12px, 1.0273vw + 8.3013px, 24px); } .rob-tiny + :is(.ro-outer, .rot-outer) { margin-top: 24px; } .rob-tiny + :is(.ro-fill, .rot-fill) { margin-top: clamp(32px, 2.7397vw + 22.1369px, 64px); } .rob-tiny + :is(.ro-feature, .rot-feature) { margin-top: clamp(72px, 2.7397vw + 62.1369px, 104px); } .rob-tiny + :is(.ro-hero, .rot-hero) { margin-top: clamp(184px, 15.7534vw + 127.2876px, 368px); } .rob-tiny + :is(.ro-huge, .rot-huge) { margin-top: clamp(72px, 4.7945vw + 54.7397px, 128px); } .rob-tiny + :is(.ro-mega, .rot-mega) { margin-top: clamp(72px, 7.8767vw + 43.6438px, 164px); } .rob-tiny + :is(.ro-work, .rot-work) { margin-top: clamp(72px, 9.589vw + 37.4794px, 184px); } .rob-tiny + :is(.ro-filter, .rot-filter) { margin-top: clamp(24px, -0.685vw + 34.4657px, 32px); } .rob-tiny + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 5.4794vw - 19.7261px, 64px); } .rob-tiny + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(4px, 8.5616vw - 26.822px, 104px); } .rob-small + :is(.ro-default, .rot-default) { margin-top: clamp(32px, 2.0547vw + 24.6027px, 56px); } .rob-small + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-small + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-small + :is(.ro-medium, .rot-medium) { margin-top: 8px; } .rob-small + :is(.ro-large, .rot-large) { margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .rob-small + :is(.ro-flow, .rot-flow) { margin-top: clamp(12px, 0.3424vw + 10.7671px, 16px); } .rob-small + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(4px, 1.0273vw + 0.3013px, 16px); } .rob-small + :is(.ro-outer, .rot-outer) { margin-top: 16px; } .rob-small + :is(.ro-fill, .rot-fill) { margin-top: clamp(24px, 2.7397vw + 14.1369px, 56px); } .rob-small + :is(.ro-feature, .rot-feature) { margin-top: clamp(64px, 2.7397vw + 54.1369px, 96px); } .rob-small + :is(.ro-hero, .rot-hero) { margin-top: clamp(176px, 15.7534vw + 119.2876px, 360px); } .rob-small + :is(.ro-huge, .rot-huge) { margin-top: clamp(64px, 4.7945vw + 46.7397px, 120px); } .rob-small + :is(.ro-mega, .rot-mega) { margin-top: clamp(64px, 7.8767vw + 35.6438px, 156px); } .rob-small + :is(.ro-work, .rot-work) { margin-top: clamp(64px, 9.589vw + 29.4794px, 176px); } .rob-small + :is(.ro-filter, .rot-filter) { margin-top: clamp(16px, -0.685vw + 26.4657px, 24px); } .rob-small + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 4.7945vw - 17.2603px, 56px); } .rob-small + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 8.2191vw - 29.5891px, 96px); } .rob-medium + :is(.ro-default, .rot-default) { margin-top: clamp(24px, 2.0547vw + 16.6027px, 48px); } .rob-medium + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-medium + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-medium + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-medium + :is(.ro-large, .rot-large) { margin-top: clamp(8px, 0.6849vw + 5.5342px, 16px); } .rob-medium + :is(.ro-flow, .rot-flow) { margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .rob-medium + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .rob-medium + :is(.ro-outer, .rot-outer) { margin-top: 8px; } .rob-medium + :is(.ro-fill, .rot-fill) { margin-top: clamp(16px, 2.7397vw + 6.1369px, 48px); } .rob-medium + :is(.ro-feature, .rot-feature) { margin-top: clamp(56px, 2.7397vw + 46.1369px, 88px); } .rob-medium + :is(.ro-hero, .rot-hero) { margin-top: clamp(168px, 15.7534vw + 111.2876px, 352px); } .rob-medium + :is(.ro-huge, .rot-huge) { margin-top: clamp(56px, 4.7945vw + 38.7397px, 112px); } .rob-medium + :is(.ro-mega, .rot-mega) { margin-top: clamp(56px, 7.8767vw + 27.6438px, 148px); } .rob-medium + :is(.ro-work, .rot-work) { margin-top: clamp(56px, 9.589vw + 21.4794px, 168px); } .rob-medium + :is(.ro-filter, .rot-filter) { margin-top: clamp(8px, -0.685vw + 18.4657px, 16px); } .rob-medium + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 4.1095vw - 14.7946px, 48px); } .rob-medium + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 7.5342vw - 27.1233px, 88px); } .rob-large + :is(.ro-default, .rot-default) { margin-top: clamp(16px, 1.3698vw + 11.0684px, 32px); } .rob-large + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-large + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-large + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-large + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-large + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-large + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-large + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-large + :is(.ro-fill, .rot-fill) { margin-top: clamp(8px, 2.0547vw + 0.6027px, 32px); } .rob-large + :is(.ro-feature, .rot-feature) { margin-top: clamp(48px, 2.0547vw + 40.6027px, 72px); } .rob-large + :is(.ro-hero, .rot-hero) { margin-top: clamp(160px, 15.0684vw + 105.7534px, 336px); } .rob-large + :is(.ro-huge, .rot-huge) { margin-top: clamp(48px, 4.1095vw + 33.2054px, 96px); } .rob-large + :is(.ro-mega, .rot-mega) { margin-top: clamp(48px, 7.1917vw + 22.1095px, 132px); } .rob-large + :is(.ro-work, .rot-work) { margin-top: clamp(48px, 8.9041vw + 15.9452px, 152px); } .rob-large + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-large + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 2.7397vw - 9.8631px, 32px); } .rob-large + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.1643vw - 22.1918px, 72px); } .rob-flow + :is(.ro-default, .rot-default) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rob-flow + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-flow + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-flow + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-flow + :is(.ro-large, .rot-large) { margin-top: clamp(4px, 0.3424vw + 2.7671px, 8px); } .rob-flow + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-flow + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-flow + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .rob-flow + :is(.ro-fill, .rot-fill) { margin-top: clamp(12px, 2.3972vw + 3.3698px, 40px); } .rob-flow + :is(.ro-feature, .rot-feature) { margin-top: clamp(52px, 2.3972vw + 43.3698px, 80px); } .rob-flow + :is(.ro-hero, .rot-hero) { margin-top: clamp(164px, 15.4109vw + 108.5205px, 344px); } .rob-flow + :is(.ro-huge, .rot-huge) { margin-top: clamp(52px, 4.452vw + 35.9726px, 104px); } .rob-flow + :is(.ro-mega, .rot-mega) { margin-top: clamp(52px, 7.5342vw + 24.8767px, 140px); } .rob-flow + :is(.ro-work, .rot-work) { margin-top: clamp(52px, 9.2465vw + 18.7123px, 160px); } .rob-flow + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .rob-flow + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .rob-flow + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .rob-gutter + :is(.ro-default, .rot-default) { margin-top: clamp(28px, 1.0273vw + 24.3013px, 40px); } .rob-gutter + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-gutter + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-gutter + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .rob-gutter + :is(.ro-large, .rot-large) { margin-top: clamp(8px, -0.3425vw + 13.2328px, 12px); } .rob-gutter + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-gutter + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-gutter + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .rob-gutter + :is(.ro-fill, .rot-fill) { margin-top: clamp(20px, 1.7123vw + 13.8356px, 40px); } .rob-gutter + :is(.ro-feature, .rot-feature) { margin-top: clamp(60px, 1.7123vw + 53.8356px, 80px); } .rob-gutter + :is(.ro-hero, .rot-hero) { margin-top: clamp(172px, 14.726vw + 118.9863px, 344px); } .rob-gutter + :is(.ro-huge, .rot-huge) { margin-top: clamp(60px, 3.7671vw + 46.4383px, 104px); } .rob-gutter + :is(.ro-mega, .rot-mega) { margin-top: clamp(60px, 6.8493vw + 35.3424px, 140px); } .rob-gutter + :is(.ro-work, .rot-work) { margin-top: clamp(60px, 8.5616vw + 29.178px, 160px); } .rob-gutter + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .rob-gutter + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .rob-gutter + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .rob-outer + :is(.ro-default, .rot-default) { margin-top: clamp(16px, 2.0547vw + 8.6027px, 40px); } .rob-outer + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-outer + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-outer + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-outer + :is(.ro-large, .rot-large) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .rob-outer + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-outer + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-outer + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-outer + :is(.ro-fill, .rot-fill) { margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px); } .rob-outer + :is(.ro-feature, .rot-feature) { margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .rob-outer + :is(.ro-hero, .rot-hero) { margin-top: clamp(160px, 15.7534vw + 103.2876px, 344px); } .rob-outer + :is(.ro-huge, .rot-huge) { margin-top: clamp(48px, 4.7945vw + 30.7397px, 104px); } .rob-outer + :is(.ro-mega, .rot-mega) { margin-top: clamp(48px, 7.8767vw + 19.6438px, 140px); } .rob-outer + :is(.ro-work, .rot-work) { margin-top: clamp(48px, 9.589vw + 13.4794px, 160px); } .rob-outer + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-outer + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .rob-outer + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .rob-fill + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-fill + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-fill + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-fill + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-fill + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-fill + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-fill + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-fill + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-fill + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .rob-fill + :is(.ro-feature, .rot-feature) { margin-top: 40px; } .rob-fill + :is(.ro-hero, .rot-hero) { margin-top: clamp(152px, 13.0136vw + 105.1506px, 304px); } .rob-fill + :is(.ro-huge, .rot-huge) { margin-top: clamp(40px, 2.0547vw + 32.6027px, 64px); } .rob-fill + :is(.ro-mega, .rot-mega) { margin-top: clamp(40px, 5.1369vw + 21.5068px, 100px); } .rob-fill + :is(.ro-work, .rot-work) { margin-top: clamp(40px, 6.8493vw + 15.3424px, 120px); } .rob-fill + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-fill + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-fill + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .rob-feature + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-feature + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-feature + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-feature + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-feature + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-feature + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-feature + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-feature + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-feature + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .rob-feature + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .rob-feature + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 13.0136vw + 65.1506px, 264px); } .rob-feature + :is(.ro-huge, .rot-huge) { margin-top: clamp(0px, 2.0547vw - 7.3973px, 24px); } .rob-feature + :is(.ro-mega, .rot-mega) { margin-top: clamp(0px, 5.1369vw - 18.4932px, 60px); } .rob-feature + :is(.ro-work, .rot-work) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .rob-feature + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-feature + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-feature + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .rob-hero + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-hero + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-hero + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-hero + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-hero + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-hero + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-hero + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-hero + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-hero + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .rob-hero + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .rob-hero + :is(.ro-hero, .rot-hero) { margin-top: 0px; } .rob-hero + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .rob-hero + :is(.ro-mega, .rot-mega) { margin-top: 0px; } .rob-hero + :is(.ro-work, .rot-work) { margin-top: 0px; } .rob-hero + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-hero + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-hero + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .rob-huge + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-huge + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-huge + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-huge + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-huge + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-huge + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-huge + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-huge + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-huge + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .rob-huge + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .rob-huge + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 10.9589vw + 72.5479px, 240px); } .rob-huge + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .rob-huge + :is(.ro-mega, .rot-mega) { margin-top: clamp(0px, 3.0821vw - 11.0959px, 36px); } .rob-huge + :is(.ro-work, .rot-work) { margin-top: clamp(0px, 4.7945vw - 17.2603px, 56px); } .rob-huge + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-huge + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-huge + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .rob-mega + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-mega + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-mega + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-mega + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-mega + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-mega + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-mega + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-mega + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-mega + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .rob-mega + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .rob-mega + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 7.8767vw + 83.6438px, 204px); } .rob-mega + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .rob-mega + :is(.ro-mega, .rot-mega) { margin-top: 0px; } .rob-mega + :is(.ro-work, .rot-work) { margin-top: clamp(0px, 1.7123vw - 6.1644px, 20px); } .rob-mega + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-mega + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-mega + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .rob-work + :is(.ro-default, .rot-default) { margin-top: 0px; } .rob-work + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-work + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-work + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-work + :is(.ro-large, .rot-large) { margin-top: 0px; } .rob-work + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-work + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-work + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-work + :is(.ro-fill, .rot-fill) { margin-top: 0px; } .rob-work + :is(.ro-feature, .rot-feature) { margin-top: 0px; } .rob-work + :is(.ro-hero, .rot-hero) { margin-top: clamp(112px, 6.1643vw + 89.8082px, 184px); } .rob-work + :is(.ro-huge, .rot-huge) { margin-top: 0px; } .rob-work + :is(.ro-mega, .rot-mega) { margin-top: 0px; } .rob-work + :is(.ro-work, .rot-work) { margin-top: 0px; } .rob-work + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-work + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-work + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } .rob-filter + :is(.ro-default, .rot-default) { margin-top: clamp(8px, 2.7397vw - 1.8631px, 40px); } .rob-filter + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-filter + :is(.ro-small, .rot-small) { margin-top: 0px; } .rob-filter + :is(.ro-medium, .rot-medium) { margin-top: 0px; } .rob-filter + :is(.ro-large, .rot-large) { margin-top: clamp(0px, 0.6849vw - 2.4658px, 8px); } .rob-filter + :is(.ro-flow, .rot-flow) { margin-top: 0px; } .rob-filter + :is(.ro-gutter, .rot-gutter) { margin-top: 0px; } .rob-filter + :is(.ro-outer, .rot-outer) { margin-top: 0px; } .rob-filter + :is(.ro-fill, .rot-fill) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .rob-filter + :is(.ro-feature, .rot-feature) { margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .rob-filter + :is(.ro-hero, .rot-hero) { margin-top: clamp(152px, 16.4383vw + 92.8219px, 344px); } .rob-filter + :is(.ro-huge, .rot-huge) { margin-top: clamp(40px, 5.4794vw + 20.2739px, 104px); } .rob-filter + :is(.ro-mega, .rot-mega) { margin-top: clamp(40px, 8.5616vw + 9.178px, 140px); } .rob-filter + :is(.ro-work, .rot-work) { margin-top: clamp(40px, 10.2739vw + 3.0136px, 160px); } .rob-filter + :is(.ro-filter, .rot-filter) { margin-top: 0px; } .rob-filter + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: clamp(0px, 3.4246vw - 12.3288px, 40px); } .rob-filter + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(0px, 6.8493vw - 24.6576px, 80px); } .rob-anniversary-medium + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -3.4247vw + 52.3287px, 40px); } .rob-anniversary-medium + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-anniversary-medium + :is(.ro-small, .rot-small) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-anniversary-medium + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -1.3699vw + 20.9315px, 16px); } .rob-anniversary-medium + :is(.ro-large, .rot-large) { margin-top: clamp(0px, -2.0548vw + 31.3972px, 24px); } .rob-anniversary-medium + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .rob-anniversary-medium + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .rob-anniversary-medium + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -2.0548vw + 31.3972px, 24px); } .rob-anniversary-medium + :is(.ro-fill, .rot-fill) { margin-top: clamp(0px, -2.7398vw + 41.863px, 32px); } .rob-anniversary-medium + :is(.ro-feature, .rot-feature) { margin-top: clamp(40px, -2.7398vw + 81.863px, 72px); } .rob-anniversary-medium + :is(.ro-hero, .rot-hero) { margin-top: clamp(184px, 10.2739vw + 147.0136px, 304px); } .rob-anniversary-medium + :is(.ro-huge, .rot-huge) { margin-top: clamp(64px, -0.685vw + 74.4657px, 72px); } .rob-anniversary-medium + :is(.ro-mega, .rot-mega) { margin-top: clamp(72px, 2.3972vw + 63.3698px, 100px); } .rob-anniversary-medium + :is(.ro-work, .rot-work) { margin-top: clamp(72px, 4.1095vw + 57.2054px, 120px); } .rob-anniversary-medium + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -2.7398vw + 41.863px, 32px); } .rob-anniversary-medium + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-anniversary-medium + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: clamp(4px, 3.0821vw - 7.0959px, 40px); } .rob-anniversary-large + :is(.ro-default, .rot-default) { margin-top: clamp(0px, -3.0822vw + 47.0958px, 36px); } .rob-anniversary-large + :is(.ro-tiny, .rot-tiny) { margin-top: 0px; } .rob-anniversary-large + :is(.ro-small, .rot-small) { margin-top: clamp(0px, -0.3425vw + 5.2328px, 4px); } .rob-anniversary-large + :is(.ro-medium, .rot-medium) { margin-top: clamp(0px, -1.0274vw + 15.6986px, 12px); } .rob-anniversary-large + :is(.ro-large, .rot-large) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .rob-anniversary-large + :is(.ro-flow, .rot-flow) { margin-top: clamp(0px, -1.3699vw + 20.9315px, 16px); } .rob-anniversary-large + :is(.ro-gutter, .rot-gutter) { margin-top: clamp(0px, -0.685vw + 10.4657px, 8px); } .rob-anniversary-large + :is(.ro-outer, .rot-outer) { margin-top: clamp(0px, -1.7124vw + 26.1643px, 20px); } .rob-anniversary-large + :is(.ro-fill, .rot-fill) { margin-top: clamp(0px, -2.3973vw + 36.6301px, 28px); } .rob-anniversary-large + :is(.ro-feature, .rot-feature) { margin-top: clamp(0px, -5.822vw + 88.9589px, 68px); } .rob-anniversary-large + :is(.ro-hero, .rot-hero) { margin-top: clamp(180px, 7.1917vw + 154.1095px, 264px); } .rob-anniversary-large + :is(.ro-huge, .rot-huge) { margin-top: clamp(24px, -3.7672vw + 81.5616px, 68px); } .rob-anniversary-large + :is(.ro-mega, .rot-mega) { margin-top: clamp(60px, -0.685vw + 70.4657px, 68px); } .rob-anniversary-large + :is(.ro-work, .rot-work) { margin-top: clamp(68px, 1.0273vw + 64.3013px, 80px); } .rob-anniversary-large + :is(.ro-filter, .rot-filter) { margin-top: clamp(0px, -2.3973vw + 36.6301px, 28px); } .rob-anniversary-large + :is(.ro-anniversary-medium, .rot-anniversary-medium) { margin-top: 0px; } .rob-anniversary-large + :is(.ro-anniversary-large, .rot-anniversary-large) { margin-top: 0px; } } @layer site_base { :root { --color-p1: #f8f3ea; --color-p2: #ffffff; --color-p3: #cbf3ee; --color-p4: #006666; --color-p5: #222222; --color-p6: #003840; --color-p7: #763490; --color-p8: #9b0032; --color-p9: #ca3900; --color-p10: #470133; --color-p11: #000000; --color-t1: #222222; --color-t2: #686561; --color-t3: #006666; --color-t4: #ffffff; --color-t5: #918d88; --color-t6: #33cccc; --color-t7: #e51549; --color-a0: transparent; --color-a1: #006666; --color-a2: #33cccc; --color-a3: #cbf3ee; --color-a3a: #cbf3ee33; --color-a4: #ffe693; --color-a5: #ffc37d; --color-a6: #fe9167; --color-a7: #e37c9d; --color-a8: #d8a8ca; --color-a9: #ba8ead; --color-a10: #90c0c7; --color-a11: #d5e4a6; --color-a12: #bec897; --color-a13: #918d88; --color-a14: #ffffff; --color-a14a: #ffffff26; --color-a15a: #22222226; --color-a16a: #22222280; --color-a99: #0f0; --color-s1: #065959; --color-o1: #222222; --color-o1a: #22222226; --color-o2: #918d88; --color-o3: #33cccc; --color-o4: #ffffff; --color-o4a: #ffffff33; --color-o5: #e51549; } .\:bg-p1 { background-color: var(--color-p1); } .\:fill-p1 { fill: var(--color-p1); } .\:text-p1 { color: var(--color-p1); } .\:palette-1, :root { --p-fill: var(--color-p1); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p2); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t3); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .\:bg-p2 { background-color: var(--color-p2); } .\:fill-p2 { fill: var(--color-p2); } .\:text-p2 { color: var(--color-p2); } .\:palette-2 { --p-fill: var(--color-p2); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p1); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t2); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .\:bg-p3 { background-color: var(--color-p3); } .\:fill-p3 { fill: var(--color-p3); } .\:text-p3 { color: var(--color-p3); } .\:palette-3 { --p-fill: var(--color-p3); --p-link-hover-bg: var(--color-a2); --p-link-shy-hover-bg: var(--color-a2); --p-btn-v1-hover-bg: var(--color-p2); --p-btn-v1-active-bg: var(--color-p2); --p-btn-v2-hover-bg: var(--color-p2); --p-btn-v2-active-bg: var(--color-p2); --p-btn-v3-hover-bg: var(--color-p2); --p-btn-v3-active-bg: var(--color-p2); --p-btn-v4-hover-bg: var(--color-p2); --p-btn-v4-active-bg: var(--color-p2); } .\:bg-p4 { background-color: var(--color-p4); } .\:fill-p4 { fill: var(--color-p4); } .\:text-p4 { color: var(--color-p4); } .\:palette-4 { --p-fill: var(--color-p4); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-t1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t4); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t4); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t4); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t4); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t4); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .\:bg-p5 { background-color: var(--color-p5); } .\:fill-p5 { fill: var(--color-p5); } .\:text-p5 { color: var(--color-p5); } .\:palette-5 { --p-fill: var(--color-p5); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .\:bg-p6 { background-color: var(--color-p6); } .\:fill-p6 { fill: var(--color-p6); } .\:text-p6 { color: var(--color-p6); } .\:palette-6 { --p-fill: var(--color-p6); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .\:bg-p7 { background-color: var(--color-p7); } .\:fill-p7 { fill: var(--color-p7); } .\:text-p7 { color: var(--color-p7); } .\:palette-7 { --p-fill: var(--color-p7); --p-line: var(--color-o4); } .\:bg-p8 { background-color: var(--color-p8); } .\:fill-p8 { fill: var(--color-p8); } .\:text-p8 { color: var(--color-p8); } .\:palette-8 { --p-fill: var(--color-p8); --p-line: var(--color-o4); } .\:bg-p9 { background-color: var(--color-p9); } .\:fill-p9 { fill: var(--color-p9); } .\:text-p9 { color: var(--color-p9); } .\:palette-9 { --p-fill: var(--color-p9); --p-line: var(--color-o4); } .\:bg-p10 { background-color: var(--color-p10); } .\:fill-p10 { fill: var(--color-p10); } .\:text-p10 { color: var(--color-p10); } .\:palette-10 { --p-fill: var(--color-p10); --p-line: var(--color-o4); } .\:bg-p11 { background-color: var(--color-p11); } .\:fill-p11 { fill: var(--color-p11); } .\:text-p11 { color: var(--color-p11); } .\:palette-11 { --p-fill: var(--color-p11); --p-line: var(--color-o4); } .\:bg-t1 { background-color: var(--color-t1); } .\:fill-t1 { fill: var(--color-t1); } .\:text-t1 { color: var(--color-t1); } .\:bg-t2 { background-color: var(--color-t2); } .\:fill-t2 { fill: var(--color-t2); } .\:text-t2 { color: var(--color-t2); } .\:bg-t3 { background-color: var(--color-t3); } .\:fill-t3 { fill: var(--color-t3); } .\:text-t3 { color: var(--color-t3); } .\:bg-t4 { background-color: var(--color-t4); } .\:fill-t4 { fill: var(--color-t4); } .\:text-t4 { color: var(--color-t4); } .\:bg-t5 { background-color: var(--color-t5); } .\:fill-t5 { fill: var(--color-t5); } .\:text-t5 { color: var(--color-t5); } .\:bg-t6 { background-color: var(--color-t6); } .\:fill-t6 { fill: var(--color-t6); } .\:text-t6 { color: var(--color-t6); } .\:bg-t7 { background-color: var(--color-t7); } .\:fill-t7 { fill: var(--color-t7); } .\:text-t7 { color: var(--color-t7); } .\:bg-a0 { background-color: var(--color-a0); } .\:fill-a0 { fill: var(--color-a0); } .\:text-a0 { color: var(--color-a0); } .\:bg-a1 { background-color: var(--color-a1); } .\:fill-a1 { fill: var(--color-a1); } .\:text-a1 { color: var(--color-a1); } .\:bg-a2 { background-color: var(--color-a2); } .\:fill-a2 { fill: var(--color-a2); } .\:text-a2 { color: var(--color-a2); } .\:bg-a3 { background-color: var(--color-a3); } .\:fill-a3 { fill: var(--color-a3); } .\:text-a3 { color: var(--color-a3); } .\:bg-a3a { background-color: var(--color-a3a); } .\:fill-a3a { fill: var(--color-a3a); } .\:text-a3a { color: var(--color-a3a); } .\:bg-a4 { background-color: var(--color-a4); } .\:fill-a4 { fill: var(--color-a4); } .\:text-a4 { color: var(--color-a4); } .\:bg-a5 { background-color: var(--color-a5); } .\:fill-a5 { fill: var(--color-a5); } .\:text-a5 { color: var(--color-a5); } .\:bg-a6 { background-color: var(--color-a6); } .\:fill-a6 { fill: var(--color-a6); } .\:text-a6 { color: var(--color-a6); } .\:bg-a7 { background-color: var(--color-a7); } .\:fill-a7 { fill: var(--color-a7); } .\:text-a7 { color: var(--color-a7); } .\:bg-a8 { background-color: var(--color-a8); } .\:fill-a8 { fill: var(--color-a8); } .\:text-a8 { color: var(--color-a8); } .\:bg-a9 { background-color: var(--color-a9); } .\:fill-a9 { fill: var(--color-a9); } .\:text-a9 { color: var(--color-a9); } .\:bg-a10 { background-color: var(--color-a10); } .\:fill-a10 { fill: var(--color-a10); } .\:text-a10 { color: var(--color-a10); } .\:bg-a11 { background-color: var(--color-a11); } .\:fill-a11 { fill: var(--color-a11); } .\:text-a11 { color: var(--color-a11); } .\:bg-a12 { background-color: var(--color-a12); } .\:fill-a12 { fill: var(--color-a12); } .\:text-a12 { color: var(--color-a12); } .\:bg-a13 { background-color: var(--color-a13); } .\:fill-a13 { fill: var(--color-a13); } .\:text-a13 { color: var(--color-a13); } .\:bg-a14 { background-color: var(--color-a14); } .\:fill-a14 { fill: var(--color-a14); } .\:text-a14 { color: var(--color-a14); } .\:bg-a14a { background-color: var(--color-a14a); } .\:fill-a14a { fill: var(--color-a14a); } .\:text-a14a { color: var(--color-a14a); } .\:bg-a15a { background-color: var(--color-a15a); } .\:fill-a15a { fill: var(--color-a15a); } .\:text-a15a { color: var(--color-a15a); } .\:bg-a16a { background-color: var(--color-a16a); } .\:fill-a16a { fill: var(--color-a16a); } .\:text-a16a { color: var(--color-a16a); } .\:bg-a99 { background-color: var(--color-a99); } .\:fill-a99 { fill: var(--color-a99); } .\:text-a99 { color: var(--color-a99); } .\:bg-s1 { background-color: var(--color-s1); } .\:fill-s1 { fill: var(--color-s1); } .\:text-s1 { color: var(--color-s1); } .\:bg-o1 { background-color: var(--color-o1); } .\:fill-o1 { fill: var(--color-o1); } .\:text-o1 { color: var(--color-o1); } .\:bg-o1a { background-color: var(--color-o1a); } .\:fill-o1a { fill: var(--color-o1a); } .\:text-o1a { color: var(--color-o1a); } .\:bg-o2 { background-color: var(--color-o2); } .\:fill-o2 { fill: var(--color-o2); } .\:text-o2 { color: var(--color-o2); } .\:bg-o3 { background-color: var(--color-o3); } .\:fill-o3 { fill: var(--color-o3); } .\:text-o3 { color: var(--color-o3); } .\:bg-o4 { background-color: var(--color-o4); } .\:fill-o4 { fill: var(--color-o4); } .\:text-o4 { color: var(--color-o4); } .\:bg-o4a { background-color: var(--color-o4a); } .\:fill-o4a { fill: var(--color-o4a); } .\:text-o4a { color: var(--color-o4a); } .\:bg-o5 { background-color: var(--color-o5); } .\:fill-o5 { fill: var(--color-o5); } .\:text-o5 { color: var(--color-o5); } } @layer element_base { .accordion-item { border-top: 1px solid var(--p-line); grid-column: 1/-1; } .accordion-item [data-expandable-btn] { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 20px; width: 100%; font-size: 22px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; text-align: left; } .accordion-item [data-expandable-btn] .icon { flex: 0 0 auto; } .accordion-item [data-expandable-btn] svg { rotate: 90deg; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .accordion-item [data-expandable-btn][aria-expanded=true] svg { rotate: -90deg; } .accordion-item [data-expandable] > div > :last-child { padding-bottom: clamp(28px, 1.0273vw + 24.3013px, 40px); } .accordion-item .c-inner > * { grid-column: 1/-1; } @media (min-width: 596px) { .accordion-item .c-title { grid-column: auto/span 7; } .accordion-item .c-text { grid-column: auto/span 5; margin-top: 0; } } .accordion-item.\:size-1 .title { font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .accordion-item.\:size-1 .title { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { .accordion-item.\:size-1 .title { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { .accordion-item.\:size-1 .title { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .accordion-item.\:size-1 .title { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { .accordion-item.\:size-1 .title { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { .accordion-item.\:size-1 .title { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .accordion-item.\:size-2 .title { font-size: clamp(32px, 1.1683vw + 27.7939px, 33.2618px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(40px, 1.1099vw + 36.0042px, 41.1987px); letter-spacing: clamp(-0.0379px, -0.0351vw + 0.1261px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .accordion-item.\:size-2 .title { font-size: clamp(33.2618px, 1.191vw + 27.6878px, 34.7863px); line-height: clamp(41.1987px, 1.1314vw + 35.9034px, 42.647px); letter-spacing: clamp(-0.0836px, -0.0358vw + 0.1293px, -0.0379px); } } @media (min-width: 596px) and (max-width: 739.98px) { .accordion-item.\:size-2 .title { font-size: clamp(34.7863px, 1.2695vw + 27.2196px, 36.6145px); line-height: clamp(42.647px, 1.2061vw + 35.4586px, 44.3837px); letter-spacing: clamp(-0.1385px, -0.0381vw + 0.1434px, -0.0836px); } } @media (min-width: 740px) and (max-width: 899.98px) { .accordion-item.\:size-2 .title { font-size: clamp(36.6145px, 1.3616vw + 26.5384px, 38.7931px); line-height: clamp(44.3837px, 1.2935vw + 34.8115px, 46.4534px); letter-spacing: clamp(-0.2038px, -0.0409vw + 0.1638px, -0.1385px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .accordion-item.\:size-2 .title { font-size: clamp(38.7931px, 1.4033vw + 26.163px, 41.3752px); line-height: clamp(46.4534px, 1.3331vw + 34.4549px, 48.9064px); letter-spacing: clamp(-0.2813px, -0.0422vw + 0.1751px, -0.2038px); } } @media (min-width: 1084px) { .accordion-item.\:size-2 .title { font-size: clamp(41.3752px, 1.4644vw + 25.5004px, 44.4213px); line-height: clamp(48.9064px, 1.3912vw + 33.8254px, 51.8002px); letter-spacing: clamp(-0.3727px, -0.044vw + 0.1949px, -0.2813px); } } @media (min-width: 1292px) { .accordion-item.\:size-2 .title { font-size: clamp(44.4213px, 1.5163vw + 24.8297px, 48px); line-height: clamp(51.8002px, 1.4405vw + 33.1882px, 55.2px); letter-spacing: clamp(-0.48px, -0.0455vw + 0.2151px, -0.3727px); } } .accordion-item .title a { --link-color-text: var(--p-accent-1); } } @layer element_base { .background-switch { grid-column: 1/-1; margin: 0; padding: 0; height: 0; } } @layer element_base { .btn { position: relative; display: inline-flex; justify-content: space-between; align-items: center; --btn-padding-x: 0; --btn-padding-y: 0; --btn-padding-left: var(--btn-padding-x); --btn-padding-right: var(--btn-padding-x); --btn-border-width: 0; --btn-border-color: transparent; --btn-bg-color: transparent; --btn-bg-color-off: transparent; --btn-bg-color-on: transparent; --btn-text-color: transparent; --btn-icon-color: transparent; --btn-scale: 1; gap: var(--btn-icon-gap, 16px); margin-inline: -1px; padding-inline: var(--btn-padding-x); padding-block: var(--btn-padding-y); padding-left: var(--btn-padding-left); padding-right: var(--btn-padding-right); border-radius: 100vw; background: none; background-color: transparent; color: var(--btn-text-color); scale: var(--btn-scale); --p-icon: var(--btn-icon-color); height: -moz-fit-content; height: fit-content; outline: 0; text-align: center; text-decoration: none; box-shadow: none; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition-duration: 240ms; transition-property: opacity, color, background-color, border-color, scale; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } .btn::before, .btn::after { content: ""; position: absolute; display: block; border-radius: 100vw; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .btn::before { inset: 0 1px; z-index: 1; background-color: var(--btn-bg-color-off); } .btn::after { left: 1px; top: 0; z-index: 2; width: 0; height: 100%; background-color: var(--btn-bg-color-on); } .btn > * { position: relative; z-index: 3; } .btn:focus { outline: 0; } .btn[disabled] { pointer-events: none; touch-action: none; cursor: default; opacity: 0.3; } .btn.\:version-1 { --btn-bg-color-off: var(--p-btn-v1-default-bg); --btn-bg-color-on: var(--p-btn-v1-hover-bg); --btn-border-color: var(--p-btn-v1-default-border); --btn-bg-color: var(--p-btn-v1-default-bg); --btn-text-color: var(--p-btn-v1-default-text); --btn-icon-color: var(--p-btn-v1-default-icon); } @media (hover: hover) { .btn.\:version-1:hover, .overlink:hover ~ * .btn.\:version-1 { --btn-border-color: var(--p-btn-v1-hover-border); --btn-bg-color: var(--p-btn-v1-hover-bg); --btn-text-color: var(--p-btn-v1-hover-text); --btn-icon-color: var(--p-btn-v1-hover-icon); } } .btn.\:version-1:active, .overlink:active ~ * .btn.\:version-1 { --btn-border-color: var(--p-btn-v1-active-border); --btn-bg-color: var(--p-btn-v1-active-bg); --btn-text-color: var(--p-btn-v1-active-text); --btn-icon-color: var(--p-btn-v1-active-icon); } .btn.\:version-1[disabled] { --btn-border-color: var(--p-btn-v1-disabled-border); --btn-bg-color: var(--p-btn-v1-disabled-bg); --btn-text-color: var(--p-btn-v1-disabled-text); --btn-icon-color: var(--p-btn-v1-disabled-icon); } .btn.\:version-1.media { --btn-border-color: var(--p-btn-v1-media-default-border); --btn-bg-color: var(--p-btn-v1-media-default-bg); --btn-text-color: var(--p-btn-v1-media-default-text); --btn-icon-color: var(--p-btn-v1-media-default-icon); } @media (hover: hover) { .btn.\:version-1.media:hover, .overlink:hover ~ * .btn.\:version-1.media { --btn-border-color: var(--p-btn-v1-media-hover-border); --btn-bg-color: var(--p-btn-v1-media-hover-bg); --btn-text-color: var(--p-btn-v1-media-hover-text); --btn-icon-color: var(--p-btn-v1-media-hover-icon); } } .btn.\:version-1.media:active, .overlink:active ~ * .btn.\:version-1.media { --btn-border-color: var(--p-btn-v1-media-active-border); --btn-bg-color: var(--p-btn-v1-media-active-bg); --btn-text-color: var(--p-btn-v1-media-active-text); --btn-icon-color: var(--p-btn-v1-media-active-icon); } .btn.\:version-1.media[disabled] { --btn-border-color: var(--p-btn-v1-media-disabled-border); --btn-bg-color: var(--p-btn-v1-media-disabled-bg); --btn-text-color: var(--p-btn-v1-media-disabled-text); --btn-icon-color: var(--p-btn-v1-media-disabled-icon); } .btn.\:version-2 { --btn-bg-color-off: var(--p-btn-v2-default-bg); --btn-bg-color-on: var(--p-btn-v2-hover-bg); --btn-border-color: var(--p-btn-v2-default-border); --btn-bg-color: var(--p-btn-v2-default-bg); --btn-text-color: var(--p-btn-v2-default-text); --btn-icon-color: var(--p-btn-v2-default-icon); } @media (hover: hover) { .btn.\:version-2:hover, .overlink:hover ~ * .btn.\:version-2 { --btn-border-color: var(--p-btn-v2-hover-border); --btn-bg-color: var(--p-btn-v2-hover-bg); --btn-text-color: var(--p-btn-v2-hover-text); --btn-icon-color: var(--p-btn-v2-hover-icon); } } .btn.\:version-2:active, .overlink:active ~ * .btn.\:version-2 { --btn-border-color: var(--p-btn-v2-active-border); --btn-bg-color: var(--p-btn-v2-active-bg); --btn-text-color: var(--p-btn-v2-active-text); --btn-icon-color: var(--p-btn-v2-active-icon); } .btn.\:version-2[disabled] { --btn-border-color: var(--p-btn-v2-disabled-border); --btn-bg-color: var(--p-btn-v2-disabled-bg); --btn-text-color: var(--p-btn-v2-disabled-text); --btn-icon-color: var(--p-btn-v2-disabled-icon); } .btn.\:version-2.media { --btn-border-color: var(--p-btn-v2-media-default-border); --btn-bg-color: var(--p-btn-v2-media-default-bg); --btn-text-color: var(--p-btn-v2-media-default-text); --btn-icon-color: var(--p-btn-v2-media-default-icon); } @media (hover: hover) { .btn.\:version-2.media:hover, .overlink:hover ~ * .btn.\:version-2.media { --btn-border-color: var(--p-btn-v2-media-hover-border); --btn-bg-color: var(--p-btn-v2-media-hover-bg); --btn-text-color: var(--p-btn-v2-media-hover-text); --btn-icon-color: var(--p-btn-v2-media-hover-icon); } } .btn.\:version-2.media:active, .overlink:active ~ * .btn.\:version-2.media { --btn-border-color: var(--p-btn-v2-media-active-border); --btn-bg-color: var(--p-btn-v2-media-active-bg); --btn-text-color: var(--p-btn-v2-media-active-text); --btn-icon-color: var(--p-btn-v2-media-active-icon); } .btn.\:version-2.media[disabled] { --btn-border-color: var(--p-btn-v2-media-disabled-border); --btn-bg-color: var(--p-btn-v2-media-disabled-bg); --btn-text-color: var(--p-btn-v2-media-disabled-text); --btn-icon-color: var(--p-btn-v2-media-disabled-icon); } .btn.\:version-3 { --btn-bg-color-off: var(--p-btn-v3-default-bg); --btn-bg-color-on: var(--p-btn-v3-hover-bg); --btn-border-color: var(--p-btn-v3-default-border); --btn-bg-color: var(--p-btn-v3-default-bg); --btn-text-color: var(--p-btn-v3-default-text); --btn-icon-color: var(--p-btn-v3-default-icon); } @media (hover: hover) { .btn.\:version-3:hover, .overlink:hover ~ * .btn.\:version-3 { --btn-border-color: var(--p-btn-v3-hover-border); --btn-bg-color: var(--p-btn-v3-hover-bg); --btn-text-color: var(--p-btn-v3-hover-text); --btn-icon-color: var(--p-btn-v3-hover-icon); } } .btn.\:version-3:active, .overlink:active ~ * .btn.\:version-3 { --btn-border-color: var(--p-btn-v3-active-border); --btn-bg-color: var(--p-btn-v3-active-bg); --btn-text-color: var(--p-btn-v3-active-text); --btn-icon-color: var(--p-btn-v3-active-icon); } .btn.\:version-3[disabled] { --btn-border-color: var(--p-btn-v3-disabled-border); --btn-bg-color: var(--p-btn-v3-disabled-bg); --btn-text-color: var(--p-btn-v3-disabled-text); --btn-icon-color: var(--p-btn-v3-disabled-icon); } .btn.\:version-3.media { --btn-border-color: var(--p-btn-v3-media-default-border); --btn-bg-color: var(--p-btn-v3-media-default-bg); --btn-text-color: var(--p-btn-v3-media-default-text); --btn-icon-color: var(--p-btn-v3-media-default-icon); } @media (hover: hover) { .btn.\:version-3.media:hover, .overlink:hover ~ * .btn.\:version-3.media { --btn-border-color: var(--p-btn-v3-media-hover-border); --btn-bg-color: var(--p-btn-v3-media-hover-bg); --btn-text-color: var(--p-btn-v3-media-hover-text); --btn-icon-color: var(--p-btn-v3-media-hover-icon); } } .btn.\:version-3.media:active, .overlink:active ~ * .btn.\:version-3.media { --btn-border-color: var(--p-btn-v3-media-active-border); --btn-bg-color: var(--p-btn-v3-media-active-bg); --btn-text-color: var(--p-btn-v3-media-active-text); --btn-icon-color: var(--p-btn-v3-media-active-icon); } .btn.\:version-3.media[disabled] { --btn-border-color: var(--p-btn-v3-media-disabled-border); --btn-bg-color: var(--p-btn-v3-media-disabled-bg); --btn-text-color: var(--p-btn-v3-media-disabled-text); --btn-icon-color: var(--p-btn-v3-media-disabled-icon); } .btn.\:size-1 { --btn-padding-x: 34px; --btn-padding-y: 16px; font-size: 22px; font-weight: 700; line-height: 1.2; text-transform: lowercase; } @media (hover: hover) { .btn.\:size-1:hover, .overlink:hover ~ * .btn.\:size-1 { --btn-scale: 1; } } .btn.\:size-1:active, .overlink:active ~ * .btn.\:size-1 { --btn-scale: 1; } .btn.\:size-1.\:icon-before { --btn-padding-left: 24px; } .btn.\:size-1.\:icon-after { --btn-padding-right: 24px; } .btn.\:size-1.\:icon-only { --btn-padding-x: 6px; --btn-padding-y: 6px; } .btn.\:size-1.media { --btn-padding-x: clamp(8px, 0.8561vw + 4.9178px, 18px); --btn-padding-y: clamp(8px, 0.8561vw + 4.9178px, 18px); } .btn.\:size-1.\:version-1 { --btn-border-width: 0px; } @media (hover: hover) { .btn.\:size-1.\:version-1:hover, .overlink:hover ~ * .btn.\:size-1.\:version-1 { --btn-border-width: 0px; } } .btn.\:size-1.\:version-1:active, .overlink:active ~ * .btn.\:size-1.\:version-1 { --btn-border-width: 0px; } .btn.\:size-1.\:version-1[disabled] { --btn-border-width: 0px; } .btn.\:size-1.\:version-2 { --btn-border-width: 0px; } @media (hover: hover) { .btn.\:size-1.\:version-2:hover, .overlink:hover ~ * .btn.\:size-1.\:version-2 { --btn-border-width: 0px; } } .btn.\:size-1.\:version-2:active, .overlink:active ~ * .btn.\:size-1.\:version-2 { --btn-border-width: 0px; } .btn.\:size-1.\:version-2[disabled] { --btn-border-width: 0px; } .btn.\:size-1.\:version-3 { --btn-border-width: 1px; } @media (hover: hover) { .btn.\:size-1.\:version-3:hover, .overlink:hover ~ * .btn.\:size-1.\:version-3 { --btn-border-width: 1px; } } .btn.\:size-1.\:version-3:active, .overlink:active ~ * .btn.\:size-1.\:version-3 { --btn-border-width: 1px; } .btn.\:size-1.\:version-3[disabled] { --btn-border-width: 1px; } .btn.\:size-2 { --btn-padding-x: 32px; --btn-padding-y: 14px; font-size: 20px; font-weight: 700; line-height: 1.2; text-transform: lowercase; } @media (hover: hover) { .btn.\:size-2:hover, .overlink:hover ~ * .btn.\:size-2 { --btn-scale: 1; } } .btn.\:size-2:active, .overlink:active ~ * .btn.\:size-2 { --btn-scale: 1; } .btn.\:size-2.\:icon-before { --btn-padding-left: 14px; } .btn.\:size-2.\:icon-after { --btn-padding-right: 14px; } .btn.\:size-2.\:icon-only { --btn-padding-x: 6px; --btn-padding-y: 6px; } .btn.\:size-2.media { --btn-padding-x: clamp(8px, 0.8561vw + 4.9178px, 18px); --btn-padding-y: clamp(8px, 0.8561vw + 4.9178px, 18px); } .btn.\:size-2.\:version-1 { --btn-border-width: 0px; } @media (hover: hover) { .btn.\:size-2.\:version-1:hover, .overlink:hover ~ * .btn.\:size-2.\:version-1 { --btn-border-width: 0px; } } .btn.\:size-2.\:version-1:active, .overlink:active ~ * .btn.\:size-2.\:version-1 { --btn-border-width: 0px; } .btn.\:size-2.\:version-1[disabled] { --btn-border-width: 0px; } .btn.\:size-2.\:version-2 { --btn-border-width: 0px; } @media (hover: hover) { .btn.\:size-2.\:version-2:hover, .overlink:hover ~ * .btn.\:size-2.\:version-2 { --btn-border-width: 0px; } } .btn.\:size-2.\:version-2:active, .overlink:active ~ * .btn.\:size-2.\:version-2 { --btn-border-width: 0px; } .btn.\:size-2.\:version-2[disabled] { --btn-border-width: 0px; } .btn.\:size-2.\:version-3 { --btn-border-width: 1px; } @media (hover: hover) { .btn.\:size-2.\:version-3:hover, .overlink:hover ~ * .btn.\:size-2.\:version-3 { --btn-border-width: 1px; } } .btn.\:size-2.\:version-3:active, .overlink:active ~ * .btn.\:size-2.\:version-3 { --btn-border-width: 1px; } .btn.\:size-2.\:version-3[disabled] { --btn-border-width: 1px; } .btn.\:size-3 { --btn-padding-x: 24px; --btn-padding-y: 8px; font-size: 16px; font-weight: 700; line-height: 1.2; text-transform: lowercase; } @media (hover: hover) { .btn.\:size-3:hover, .overlink:hover ~ * .btn.\:size-3 { --btn-scale: 1; } } .btn.\:size-3:active, .overlink:active ~ * .btn.\:size-3 { --btn-scale: 1; } .btn.\:size-3.\:icon-before { --btn-padding-left: 14px; } .btn.\:size-3.\:icon-after { --btn-padding-right: 14px; } .btn.\:size-3.\:icon-only { --btn-padding-x: 6px; --btn-padding-y: 6px; } .btn.\:size-3.media { --btn-padding-x: clamp(8px, 0.8561vw + 4.9178px, 18px); --btn-padding-y: clamp(8px, 0.8561vw + 4.9178px, 18px); } .btn.\:size-3.\:version-1 { --btn-border-width: 0px; } @media (hover: hover) { .btn.\:size-3.\:version-1:hover, .overlink:hover ~ * .btn.\:size-3.\:version-1 { --btn-border-width: 0px; } } .btn.\:size-3.\:version-1:active, .overlink:active ~ * .btn.\:size-3.\:version-1 { --btn-border-width: 0px; } .btn.\:size-3.\:version-1[disabled] { --btn-border-width: 0px; } .btn.\:size-3.\:version-2 { --btn-border-width: 0px; } @media (hover: hover) { .btn.\:size-3.\:version-2:hover, .overlink:hover ~ * .btn.\:size-3.\:version-2 { --btn-border-width: 0px; } } .btn.\:size-3.\:version-2:active, .overlink:active ~ * .btn.\:size-3.\:version-2 { --btn-border-width: 0px; } .btn.\:size-3.\:version-2[disabled] { --btn-border-width: 0px; } .btn.\:size-3.\:version-3 { --btn-border-width: 1px; } @media (hover: hover) { .btn.\:size-3.\:version-3:hover, .overlink:hover ~ * .btn.\:size-3.\:version-3 { --btn-border-width: 1px; } } .btn.\:size-3.\:version-3:active, .overlink:active ~ * .btn.\:size-3.\:version-3 { --btn-border-width: 1px; } .btn.\:size-3.\:version-3[disabled] { --btn-border-width: 1px; } .btn.\:icon-only { border-radius: 50%; } .btn.\:icon-only .text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .btn.\:icon-only.\:version-3 { --btn-border-color: var(--p-btn-v3i-default-border); } .btn.\:icon-only.\:version-3::before { border-radius: 50%; } .btn.media { border-radius: 0; --icon-size: clamp(32px, 2.7397vw + 22.1369px, 64px); } .btn.\:version-4 { --btn-padding-x: 8px; --btn-padding-y: 4px; --btn-icon-gap: 6px; background-color: transparent; font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; --btn-border-color: var(--p-btn-v4-default-border); --btn-bg-color: var(--p-btn-v4-default-bg); --btn-text-color: var(--p-btn-v4-default-text); --btn-icon-color: var(--p-btn-v4-default-icon); } .btn.\:version-4::after { background-color: transparent; } .btn.\:version-4 .text { padding: 0.1em 0.2em; background-color: var(--btn-bg-color); transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .btn.\:version-4 circle { fill: var(--btn-bg-color); transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } @media (hover: hover) { .btn.\:version-4:hover, .overlink:hover ~ * .btn.\:version-4 { --btn-border-color: var(--p-btn-v4-hover-border); --btn-bg-color: var(--p-btn-v4-hover-bg); --btn-text-color: var(--p-btn-v4-hover-text); --btn-icon-color: var(--p-btn-v4-hover-icon); } } .btn.\:version-4:active, .overlink:active ~ * .btn.\:version-4 { --btn-border-color: var(--p-btn-v4-active-border); --btn-bg-color: var(--p-btn-v4-active-bg); --btn-text-color: var(--p-btn-v4-active-text); --btn-icon-color: var(--p-btn-v4-active-icon); } .btn.\:version-4[disabled] { --btn-border-color: var(--p-btn-v4-disabled-border); --btn-bg-color: var(--p-btn-v4-disabled-bg); --btn-text-color: var(--p-btn-v4-disabled-text); --btn-icon-color: var(--p-btn-v4-disabled-icon); } .btn.\:version-4.\:icon-before { --btn-padding-left: 4px; } .btn.\:version-4.\:icon-after { --btn-padding-right: 4px; } .gform_wrapper input[type=submit] { position: relative; --btn-padding-x: 0; --btn-padding-y: 0; --btn-padding-left: var(--btn-padding-x); --btn-padding-right: var(--btn-padding-x); --btn-bg-color: transparent; --btn-bg-color-off: transparent; --btn-bg-color-on: transparent; --btn-text-color: transparent; padding-inline: var(--btn-padding-x); padding-block: var(--btn-padding-y); padding-left: var(--btn-padding-left); padding-right: var(--btn-padding-right); border-radius: 100vw; background: none; background-color: var(--btn-bg-color); color: var(--btn-text-color); height: -moz-fit-content; height: fit-content; outline: 0; text-align: center; text-decoration: none; box-shadow: none; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition-duration: 240ms; transition-property: opacity, color, background-color, border-color; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); --btn-border-color: var(--p-btn-v1-default-border); --btn-bg-color: var(--p-btn-v1-default-bg); --btn-text-color: var(--p-btn-v1-default-text); --btn-icon-color: var(--p-btn-v1-default-icon); --btn-padding-x: 32px; --btn-padding-y: 14px; font-size: 20px; font-weight: 700; line-height: 1.2; text-transform: lowercase; --btn-border-width: 0px; } .gform_wrapper input[type=submit]:focus { outline: 0; } .gform_wrapper input[type=submit][disabled] { pointer-events: none; touch-action: none; cursor: default; opacity: 0.3; } @media (hover: hover) { .gform_wrapper input[type=submit]:hover, .overlink:hover ~ * .gform_wrapper input[type=submit] { --btn-border-color: var(--p-btn-v1-hover-border); --btn-bg-color: var(--p-btn-v1-hover-bg); --btn-text-color: var(--p-btn-v1-hover-text); --btn-icon-color: var(--p-btn-v1-hover-icon); } } .gform_wrapper input[type=submit]:active, .overlink:active ~ * .gform_wrapper input[type=submit] { --btn-border-color: var(--p-btn-v1-active-border); --btn-bg-color: var(--p-btn-v1-active-bg); --btn-text-color: var(--p-btn-v1-active-text); --btn-icon-color: var(--p-btn-v1-active-icon); } .gform_wrapper input[type=submit][disabled] { --btn-border-color: var(--p-btn-v1-disabled-border); --btn-bg-color: var(--p-btn-v1-disabled-bg); --btn-text-color: var(--p-btn-v1-disabled-text); --btn-icon-color: var(--p-btn-v1-disabled-icon); } @media (hover: hover) { .gform_wrapper input[type=submit]:hover, .overlink:hover ~ * .gform_wrapper input[type=submit] { --btn-scale: 1; } } .gform_wrapper input[type=submit]:active, .overlink:active ~ * .gform_wrapper input[type=submit] { --btn-scale: 1; } .gform_wrapper input[type=submit].\:icon-before { --btn-padding-left: 14px; } .gform_wrapper input[type=submit].\:icon-after { --btn-padding-right: 14px; } .gform_wrapper input[type=submit].\:icon-only { --btn-padding-x: 6px; --btn-padding-y: 6px; } .gform_wrapper input[type=submit].media { --btn-padding-x: clamp(8px, 0.8561vw + 4.9178px, 18px); --btn-padding-y: clamp(8px, 0.8561vw + 4.9178px, 18px); } @media (hover: hover) { .gform_wrapper input[type=submit]:hover, .overlink:hover ~ * .gform_wrapper input[type=submit] { --btn-border-width: 0px; } } .gform_wrapper input[type=submit]:active, .overlink:active ~ * .gform_wrapper input[type=submit] { --btn-border-width: 0px; } .gform_wrapper input[type=submit][disabled] { --btn-border-width: 0px; } .e-btn { margin-top: clamp(24px, 0.6849vw + 21.5342px, 32px); } } @layer element_local { .btn.\:icon-only::before { inset: 0; } .btn.\:icon-only::after { inset: 0; width: 100%; opacity: 0; } @media (hover: hover) { .btn:hover:not(.\:icon-only)::before, .overlink:hover ~ * .btn:not(.\:icon-only)::before { inset: 1px 2px; } .btn:hover:not(.\:icon-only)::after, .overlink:hover ~ * .btn:not(.\:icon-only)::after { width: calc(100% - 2px); } .btn:hover.\:icon-only::before, .overlink:hover ~ * .btn.\:icon-only::before { inset: 1px; } .btn:hover.\:icon-only::after, .overlink:hover ~ * .btn.\:icon-only::after { opacity: 1; } } .btn.\:version-3 { --btn-bg-color-off: transparent; } .btn.\:version-3::before { border: var(--btn-border-width) solid var(--btn-border-color); pointer-events: none; } .btn.\:version-4 { border-radius: 0; } } @layer element_base { .card { --p-icon: var(--p-accent-1); container-type: inline-size; } .card .c-inner { position: relative; grid-template-rows: auto 1fr; } .card .c-inner > * { grid-column: 1/-1; } .card .c-image { grid-row: auto/span 2; } .card figure { overflow: hidden; } .card figure.e-hover { position: absolute; inset: 0; z-index: 2; } .card figure.e-hover .media-source { opacity: 0; } .card figure.e-hover .e-media { background: none; } .card figure.e-hover .e-loading { display: none; } .card .e-media { aspect-ratio: 1.6667; overflow: hidden; } .card .c-text { grid-auto-rows: min-content; } .card .shy.shy { --link-color-text: var(--p-nav-link-shy-default-text); --link-color-bg: var(--p-nav-link-shy-default-bg); --link-underline-color-default: transparent; } @media (hover: hover) { .card .shy.shy:hover { --link-color-text: var(--p-nav-link-shy-hover-text); --link-color-bg: var(--p-nav-link-shy-hover-bg); } } .card .title { margin-bottom: 0; } .card .title.is-external { --icon-size: 24px; --icon-margin: 8px; padding-right: calc(var(--icon-size) + var(--icon-margin)); } .card .title.is-external .icon.external-link { position: relative; left: 0.2em; top: 0; display: inline-block; margin-right: calc((var(--icon-size) + var(--icon-margin)) * -1); } .card .title.is-external .icon.external-link svg { display: inline-block; } .card .card-meta { margin-top: 0.85em; } .card .card-meta a { --link-color-text: var(--p-link-shy-default-text); --link-color-bg: var(--p-link-shy-default-bg); --link-underline-color: var(--p-link-shy-default-border); } @media (hover: hover) { .card .card-meta a:hover { --link-color-text: var(--p-link-shy-hover-text); --link-color-bg: var(--p-link-shy-hover-bg); --link-underline-color: var(--p-link-shy-hover-border); } } .card .e-btn { position: relative; z-index: 11; justify-self: flex-start; order: 2; } .card.\:version-1 { container-name: card-v1; } @container card-v1 (max-width: 556px) { .card.\:version-1 .title { margin-top: 0.55em; } .card.\:version-1 .meta-header.tag-only { margin-top: 0; flex-wrap: wrap-reverse; height: 0; } .card.\:version-1 .meta-header.tag-only .c-tag { flex-wrap: wrap-reverse; } } @container card-v1 (min-width: 556px) { .card.\:version-1 .c-inner { --grid-columns: 12; } .card.\:version-1 .c-image { grid-column: auto/span 5; } .card.\:version-1 .c-text { grid-column: auto/span 7; padding-top: clamp(20px, 1.7123vw + 13.8356px, 40px); border-top: 1px solid var(--p-line); } .card.\:version-1 .meta-header { margin-top: 0; } .card.\:version-1 .e-btn { grid-column: 6/span 7; } .card.\:version-1.\:align-right .c-image { order: 1; } .card.\:version-1.\:align-right .e-btn { grid-column-start: 1; } } @container card-v1 (min-width: 860px) { .card.\:version-1 .c-image { grid-column: auto/span 6; } .card.\:version-1 .c-text { grid-column: auto/span 6; } .card.\:version-1 .e-btn { grid-column: 7/span 6; } } .card.\:version-2 { container-name: card-v2; } .card.\:version-2 .title { font-size: clamp(28px, 0.4381vw + 26.4227px, 28.4731px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 800; line-height: clamp(35px, 0.2993vw + 33.9221px, 35.3233px); letter-spacing: clamp(-0.0269px, -0.0249vw + 0.0893px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .card.\:version-2 .title { font-size: clamp(28.4731px, 0.4466vw + 26.3829px, 29.0448px); line-height: clamp(35.3233px, 0.3051vw + 33.895px, 35.7139px); letter-spacing: clamp(-0.0593px, -0.0254vw + 0.0916px, -0.0269px); } } @media (min-width: 596px) and (max-width: 739.98px) { .card.\:version-2 .title { font-size: clamp(29.0448px, 0.476vw + 26.2073px, 29.7304px); line-height: clamp(35.7139px, 0.3253vw + 33.775px, 36.1824px); letter-spacing: clamp(-0.0981px, -0.027vw + 0.1015px, -0.0593px); } } @media (min-width: 740px) and (max-width: 899.98px) { .card.\:version-2 .title { font-size: clamp(29.7304px, 0.5106vw + 25.9519px, 30.5474px); line-height: clamp(36.1824px, 0.3489vw + 33.6004px, 36.7407px); letter-spacing: clamp(-0.1444px, -0.029vw + 0.116px, -0.0981px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .card.\:version-2 .title { font-size: clamp(30.5474px, 0.5262vw + 25.8111px, 31.5157px); line-height: clamp(36.7407px, 0.3596vw + 33.5042px, 37.4024px); letter-spacing: clamp(-0.1993px, -0.0299vw + 0.124px, -0.1444px); } } @media (min-width: 1084px) { .card.\:version-2 .title { font-size: clamp(31.5157px, 0.5491vw + 25.5626px, 32.658px); line-height: clamp(37.4024px, 0.3752vw + 33.3344px, 38.1829px); letter-spacing: clamp(-0.264px, -0.0312vw + 0.1381px, -0.1993px); } } @media (min-width: 1292px) { .card.\:version-2 .title { font-size: clamp(32.658px, 0.5686vw + 25.3111px, 34px); line-height: clamp(38.1829px, 0.3885vw + 33.1626px, 39.0999px); letter-spacing: clamp(-0.3401px, -0.0323vw + 0.1523px, -0.264px); } } .card.\:version-2 .meta-header .event-date { font-size: 26px; font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 800; line-height: 32.5px; letter-spacing: 0px; font-variant-numeric: oldstyle-nums; } @media (max-width: 595.98px) { .card.\:version-2 .abstract { display: none; } } @container card-v2 (max-width: 428px) { .card.\:version-2 .title { margin-top: 0.55em; } .card.\:version-2 .meta-header.tag-only { margin-top: 0; flex-wrap: wrap-reverse; height: 0; } .card.\:version-2 .meta-header.tag-only .c-tag { flex-wrap: wrap-reverse; } } @container card-v2 (min-width: 428px) { .card.\:version-2 .c-inner { --grid-columns: 12; } .card.\:version-2 .c-image { grid-column: auto/span 5; } .card.\:version-2 .c-text { grid-column: auto/span 7; } .card.\:version-2 .meta-header { margin-top: 0; } .card.\:version-2 .e-btn { grid-column: 6/span 7; } .card.\:version-2.\:align-right .c-image { order: 1; } .card.\:version-2.\:align-right .e-btn { grid-column-start: 1; } } @container card-v2 (min-width: 556px) { .card.\:version-2 .c-image { grid-column: auto/span 4; } .card.\:version-2 .c-text { grid-column: auto/span 8; } .card.\:version-2 .e-btn { grid-column: 5/span 8; } .card.\:version-2.\:align-right .e-btn { grid-column: 1/span 8; } } @container card-v2 (min-width: 700px) { .card.\:version-2 .c-image { grid-column: auto/span 3; } .card.\:version-2 .c-text { --grid-columns: 9; grid-column: auto/span 9; } .card.\:version-2 .c-text > * { grid-column: 1/span 6; } .card.\:version-2 .meta-header { grid-area: 1/1/span 1/-1; } .card.\:version-2 .card-footer { grid-area: 2/7/span 99/span 3; margin-top: clamp(10px, 0.3424vw + 8.7671px, 14px); } .card.\:version-2 .e-btn { grid-column: 4/span 9; } .card.\:version-2.\:align-right .e-btn { grid-column: 1/span 9; } } .card.\:version-3 { container-name: card-v3; margin: 0 auto; width: 100%; max-width: 740px-; } .card.\:version-3 .abstract { display: none; } @container card-v3 (max-width: 428px) { .card.\:version-3 .title { margin-top: 0.55em; } .card.\:version-3 .meta-header.tag-only { margin-top: 0; flex-wrap: wrap-reverse; height: 0; } .card.\:version-3 .meta-header.tag-only .c-tag { flex-wrap: wrap-reverse; } } @container card-v3 (min-width: 428px) { .card.\:version-3 .c-inner { --grid-columns: 12; } .card.\:version-3 .c-image { grid-column: auto/span 5; } .card.\:version-3 .c-text { grid-column: auto/span 7; } .card.\:version-3 .meta-header { margin-top: 0; } .card.\:version-3.\:align-right .c-image { order: 1; } .card.\:version-3.\:align-right .e-btn { grid-column-start: 1; } } @container card-v3 (min-width: 556px) { .card.\:version-3 .c-image { grid-column: auto/span 6; } .card.\:version-3 .c-text { grid-column: auto/span 6; } } @media (hover: hover) { .card .e-btn:hover ~ .c-text .shy { --link-color-text: var(--p-nav-link-shy-hover-text); --link-color-bg: var(--p-nav-link-shy-hover-bg); --link-underline-offset: 0.3em; --link-underline-width-hover: 0.7em; --link-bg-size: 40%; --link-bg-position: 82%; } .card .e-btn:hover ~ .c-image .media-source { --image-scale: 1.05; } .card .overlink:hover ~ .c-image figure.e-hover .media-source { opacity: 1; } } } @layer element_local { .collage-item { --collage-shadow-inset: 40px; --collage-shadow-color: rgb(0 0 0 / 0.25); position: relative; } .collage-item:not(:last-child) { margin-bottom: var(--collage-margin); } .collage-item::before { content: ""; position: absolute; inset: var(--collage-shadow-inset); z-index: 0; box-shadow: 0 4px 30px var(--collage-shadow-inset) var(--collage-shadow-color); background: var(--collage-shadow-color); } .collage-item .c-media { position: relative; z-index: 1; padding: 4%; } .collage-item .c-media:has(.video) { padding: 1.6% 1.7% 1.5% 2%; } .collage-item .c-frame { position: absolute; inset: 0; z-index: 2; pointer-events: none; } .collage-item .c-sticker { position: absolute; z-index: 4; display: flex; justify-content: center; align-items: center; width: 50%; height: 50%; translate: -50% 50%; } .collage-item .c-tape { position: absolute; z-index: 3; width: 65%; min-width: 150px; max-width: 300px; pointer-events: none; } .collage-item .c-tape .media-source { width: 100%; } .collage-item:nth-child(odd) { rotate: calc(var(--collage-rotate) * -1); } .collage-item:nth-child(even) { rotate: var(--collage-rotate); } .collage-item:nth-child(1) { z-index: 2; } .collage-item:nth-child(1):not(:only-child) { left: -5%; } .collage-item:nth-child(1) .c-sticker { left: 95%; bottom: 0; } .collage-item:nth-child(1) .c-tape { left: 50%; top: 0; translate: -50% -35%; } .collage-item:nth-child(2) { left: 5%; z-index: 1; } .collage-item:nth-child(2) .c-sticker { left: 2%; bottom: 20%; } .collage-item:nth-child(2) .c-tape { display: none; } .collage-item:nth-child(2):last-child .c-sticker { left: 5%; bottom: 5%; } .collage-item:nth-child(3) { z-index: 3; margin-bottom: 0; } .collage-item:nth-child(3) .c-sticker { left: 10%; bottom: 8%; } .collage-item:nth-child(3) .c-tape { left: 10%; bottom: 0; translate: -50% 0; rotate: 40deg; } } @layer element_local { .easter-egg { position: absolute; z-index: 1; left: var(--easter-egg-left); right: var(--easter-egg-right); top: var(--easter-egg-top); bottom: var(--easter-egg-bottom); width: 64px; height: 64px; opacity: 1; transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1); } .easter-egg .teal-15-fg { fill: var(--easter-egg-fg); } .easter-egg .teal-15-bg { fill: var(--easter-egg-bg); } .easter-egg .btn { --icon-size: 64px; --btn-padding-x: 0; --btn-padding-y: 0; --btn-bg-color-off: transparent; --btn-bg-color-on: transparent; width: 64px; height: 64px; } .easter-egg .btn[disabled] { opacity: 1; } .easter-egg[disabled] { pointer-events: none; opacity: 0; } } @layer element_local { .empty-result { text-align: center; } .empty-result .c-btn { display: flex; justify-content: center; } .empty-result .btn { --stroke-width: 1.5; --btn-border-color: transparent; --btn-icon-gap: 6px; --p-icon: var(--p-icon-subtle); font-weight: 300; } } @layer element_base { :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select) { --field-padding-x: 1.2em; --field-padding-y: 0.375em; --field-padding-left: var(--field-padding-x); --field-padding-right: var(--field-padding-x); --field-padding-top: var(--field-padding-y); --field-padding-bottom: var(--field-padding-y); --field-border-width: 1px; --field-border-color: var(--p-form-empty-border); --field-bg-color: var(--p-form-empty-bg); --field-text-color: var(--p-form-empty-text); --field-icon-color: transparent; --field-icon-gap: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; padding-inline: var(--field-padding-x); padding-block: var(--field-padding-y); padding-top: var(--field-padding-top); padding-bottom: var(--field-padding-bottom); width: 100%; border: var(--field-border-width) solid var(--field-border-color); border-radius: 100vw; outline: none; background-color: var(--field-bg-color); font-size: 20px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; color: var(--field-text-color); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select)::-moz-placeholder { color: var(--field-text-color); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select)::placeholder { color: var(--field-text-color); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select)::-webkit-search-cancel-button { display: none; } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select)[placeholder]:not(:-moz-placeholder-shown) { --field-bg-color: var(--p-form-value-bg); --field-text-color: var(--p-form-value-text); --field-border-color: var(--p-form-value-border); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select)[placeholder]:not(:placeholder-shown) { --field-bg-color: var(--p-form-value-bg); --field-text-color: var(--p-form-value-text); --field-border-color: var(--p-form-value-border); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select):focus { --field-bg-color: var(--p-form-focus-bg); --field-border-color: var(--p-form-focus-border); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select):focus:not(:-moz-placeholder-shown) { --field-text-color: var(--p-form-focus-text); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select):focus:not(:placeholder-shown) { --field-text-color: var(--p-form-focus-text); } :is(input[type=text], input[type=email], input[type=search], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=file], textarea, select)[aria-invalid=true] { --field-bg-color: var(--p-form-error-bg); --field-text-color: var(--p-form-error-text); --field-border-color: var(--p-form-error-border); } input[type=file] { font-size: 16px; line-height: 1.2; text-transform: lowercase; padding-left: 8.5px; font-weight: 300; text-transform: capitalize; } input[type=file]::file-selector-button { margin-right: 10px; background-color: transparent; border-radius: 40px; border: 1px solid var(--Outline-O1, #222); padding: 7px 24px; font-weight: 700; color: var(--p-form-value-text); } input[type=file] + .gform_fileupload_rules { display: none; } textarea { border-radius: 20px; } label svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } label polyline { stroke: transparent; } label input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 24px; height: 24px; background: transparent; border: 1px solid var(--p-form_default_line); cursor: pointer; } @media (hover: hover) { label input[type=checkbox]:hover { background: var(--p-form_active_bg); } } label input[type=checkbox]:focus { border: 2px solid var(--p-form_focus_line); } label input[type=checkbox]:checked { background: var(--p-form_active_bg); } label input[type=checkbox]:checked ~ svg polyline { stroke: var(--p-form_active_line); } label input[type=checkbox]:checked:focus { background: var(--p-form_active_bg); } @media (hover: hover) { label input[type=checkbox]:checked:hover { background: var(--p-form_active_bg); } } label.checkbox span:first-child { position: relative; display: flex; align-items: center; } .btn-checkbox .btn { outline: 3px solid transparent; outline-offset: -2px; } @media (hover: hover) { .btn-checkbox:hover .btn { --button-border: var(--p-button_tertiary_hover_outline); --button-bg: var(--p-button_tertiary_hover_bg); --button-color: var(--p-button_tertiary_hover_text); outline-color: var(--p-button_tertiary_hover_outline); } } .btn-checkbox input[type=checkbox] { display: none; } .btn-checkbox input[type=checkbox]:checked + .btn { --button-border: var(--p-button_secondary_active_outline); --button-bg: var(--p-button_secondary_active_bg); --button-color: var(--p-button_secondary_active_text); } label abbr { text-decoration: none; } .nf-field-container { margin: 20px 0 0 0; } .ninja-forms-req-symbol { color: var(--p-error); } } @layer element_local { .c-field-pair { --field-border-width: 1px; --field-border-color: var(--p-form-field-pair-empty-border); --field-bg-color: var(--p-form-field-pair-empty-bg); display: flex; border: var(--field-border-width) solid var(--field-border-color); border-radius: 100vw; background-color: var(--field-bg-color); } .c-field-pair label { flex: 1 1 auto; display: flex; } .c-field-pair .field-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .c-field-pair .field { --field-border-width: 0; --field-padding-y: 0; margin: 0; border: none; background: none; } @media (max-width: 359.98px) { .c-field-pair .field { --field-padding-x: 0.8em; } } .c-field-pair .btn { flex: 0 0 auto; } .c-field-pair:has(.field[placeholder]:not(:-moz-placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-value-bg); --field-border-color: var(--p-form-field-pair-value-border); } .c-field-pair:has(.field[placeholder]:not(:placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-value-bg); --field-border-color: var(--p-form-field-pair-value-border); } .c-field-pair:has(.field:focus) { --field-bg-color: var(--p-form-field-pair-focus-bg); --field-border-color: var(--p-form-field-pair-focus-border); } .c-field-pair:has(.field:focus:not(:-moz-placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-focus-bg); --field-border-color: var(--p-form-field-pair-focus-border); } .c-field-pair:has(.field:focus:not(:placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-focus-bg); --field-border-color: var(--p-form-field-pair-focus-border); } .c-field-pair:has(.field[aria-invalid=true]) { --field-bg-color: var(--p-form-field-pair-error-bg); --field-border-color: var(--p-form-field-pair-error-border); } } @layer element_local {} @layer element_base { .icon svg { width: var(--icon-size, 28px); height: var(--icon-size, 28px); } .icon.\:rotate-45 svg { rotate: 45deg; } .icon.\:rotate--45 svg { rotate: -45deg; } .icon.\:rotate-90 svg { rotate: 90deg; } .icon.\:rotate--90 svg { rotate: -90deg; } .icon.\:rotate-135 svg { rotate: 135deg; } .icon.\:rotate--135 svg { rotate: -135deg; } .icon.\:rotate-180 svg { rotate: 180deg; } .icon.\:rotate--180 svg { rotate: -180deg; } .icon.\:rotate-225 svg { rotate: 225deg; } .icon.\:rotate--225 svg { rotate: -225deg; } .icon.\:rotate-270 svg { rotate: 270deg; } .icon.\:rotate--270 svg { rotate: -270deg; } .icon.\:rotate-315 svg { rotate: 315deg; } .icon.\:rotate--315 svg { rotate: -315deg; } .\+spin svg { animation: spin 1.25s linear infinite; } @keyframes spin { from { rotate: 0deg; } to { rotate: 360deg; } } } @layer element_base { figure .e-media { grid-area: 1/1/span 1/-1; } figure figcaption { grid-column: 1/-1; } figure .media-source { --image-scale: 1; scale: var(--image-scale); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 1; transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1); } figure .e-loading { grid-area: 1/1/span 1/-1; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1); pointer-events: none; } figure .e-loading:has(~ .e-media.e-lazy.lazy-loading) { opacity: 1; } figure .e-loading:has(~ .e-media.e-lazy.lazy-done) { opacity: 0; } figcaption { margin-top: 1.25em; font-size: 14px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; color: var(--p-caption); } .media-figure figcaption { max-width: 484px; } :root[js] .e-lazy:not(.lazy-done) .media-source { opacity: 0; } .e-lazy, .e-lazy .lazy-bg { overflow: hidden; background: transparent; transition: background 480ms cubic-bezier(0.42, 0, 0.32, 1); } .e-lazy:not(.lazy-transparent, .lazy-done), .e-lazy .lazy-bg:not(.lazy-transparent, .lazy-done) { background: var(--p-image-bg); } .e-lazy.lazy-loading .media-source { opacity: 0; } .e-media { position: relative; width: 100%; height: 100%; } .e-media-btn { position: absolute; right: 0; bottom: 0; z-index: 1; } } @layer element_local { :is([class^=":ratio-"], [class*=" :ratio-"], [class*=" :ratio-"]) .media-source { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } :is([class^=":ratio-"], [class*=" :ratio-"], [class*=" :ratio-"]) .lazy-contain .media-source { -o-object-fit: contain; object-fit: contain; } .\:ratio-auto .e-media { aspect-ratio: auto; } @media (min-width: 0px) { .\:b0\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 360px) { .\:b1\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 468px) { .\:b2\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 596px) { .\:b3\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 740px) { .\:b4\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 900px) { .\:b5\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 1084px) { .\:b6\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 1292px) { .\:b7\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 1528px) { .\:b8\:ratio-auto .e-media { aspect-ratio: auto; } } @media (min-width: 1792px) { .\:b9\:ratio-auto .e-media { aspect-ratio: auto; } } .\:ratio-normal .e-media { aspect-ratio: 1.6667; } @media (min-width: 0px) { .\:b0\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 360px) { .\:b1\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 468px) { .\:b2\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 596px) { .\:b3\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 740px) { .\:b4\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 900px) { .\:b5\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 1084px) { .\:b6\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 1292px) { .\:b7\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 1528px) { .\:b8\:ratio-normal .e-media { aspect-ratio: 1.6667; } } @media (min-width: 1792px) { .\:b9\:ratio-normal .e-media { aspect-ratio: 1.6667; } } .\:ratio-square .e-media { aspect-ratio: 1; } @media (min-width: 0px) { .\:b0\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 360px) { .\:b1\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 468px) { .\:b2\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 596px) { .\:b3\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 740px) { .\:b4\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 900px) { .\:b5\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 1084px) { .\:b6\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 1292px) { .\:b7\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 1528px) { .\:b8\:ratio-square .e-media { aspect-ratio: 1; } } @media (min-width: 1792px) { .\:b9\:ratio-square .e-media { aspect-ratio: 1; } } .\:ratio-video .e-media { aspect-ratio: 1.7778; } @media (min-width: 0px) { .\:b0\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 360px) { .\:b1\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 468px) { .\:b2\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 596px) { .\:b3\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 740px) { .\:b4\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 900px) { .\:b5\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 1084px) { .\:b6\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 1292px) { .\:b7\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 1528px) { .\:b8\:ratio-video .e-media { aspect-ratio: 1.7778; } } @media (min-width: 1792px) { .\:b9\:ratio-video .e-media { aspect-ratio: 1.7778; } } .\:ratio-wide .e-media { aspect-ratio: 2; } @media (min-width: 0px) { .\:b0\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 360px) { .\:b1\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 468px) { .\:b2\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 596px) { .\:b3\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 740px) { .\:b4\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 900px) { .\:b5\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 1084px) { .\:b6\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 1292px) { .\:b7\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 1528px) { .\:b8\:ratio-wide .e-media { aspect-ratio: 2; } } @media (min-width: 1792px) { .\:b9\:ratio-wide .e-media { aspect-ratio: 2; } } .\:ratio-panorama .e-media { aspect-ratio: 2.5; } @media (min-width: 0px) { .\:b0\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 360px) { .\:b1\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 468px) { .\:b2\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 596px) { .\:b3\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 740px) { .\:b4\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 900px) { .\:b5\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 1084px) { .\:b6\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 1292px) { .\:b7\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 1528px) { .\:b8\:ratio-panorama .e-media { aspect-ratio: 2.5; } } @media (min-width: 1792px) { .\:b9\:ratio-panorama .e-media { aspect-ratio: 2.5; } } .\:ratio-portrait .e-media { aspect-ratio: 0.75; } @media (min-width: 0px) { .\:b0\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 360px) { .\:b1\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 468px) { .\:b2\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 596px) { .\:b3\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 740px) { .\:b4\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 900px) { .\:b5\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 1084px) { .\:b6\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 1292px) { .\:b7\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 1528px) { .\:b8\:ratio-portrait .e-media { aspect-ratio: 0.75; } } @media (min-width: 1792px) { .\:b9\:ratio-portrait .e-media { aspect-ratio: 0.75; } } .\:ratio-mailslot .e-media { aspect-ratio: 6; } @media (min-width: 0px) { .\:b0\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 360px) { .\:b1\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 468px) { .\:b2\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 596px) { .\:b3\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 740px) { .\:b4\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 900px) { .\:b5\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 1084px) { .\:b6\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 1292px) { .\:b7\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 1528px) { .\:b8\:ratio-mailslot .e-media { aspect-ratio: 6; } } @media (min-width: 1792px) { .\:b9\:ratio-mailslot .e-media { aspect-ratio: 6; } } } @layer element_base {} @layer element_base { .link.has-icon { padding-right: 24px; } .link .icon { --icon-size: 16px; --stroke-width: 1.5; position: relative; left: 0.4em; top: -0.1em; display: inline-block; margin-right: -24px; } .link .icon svg { display: inline-block; } .tag { display: inline-block; padding: 0.2em 0.33em 0.135em 0.4em; background: var(--p-tag-bg); color: var(--p-tag-text); transition: all 240ms linear(0, 1); text-decoration: none; } @media (hover: hover) { a.tag:hover { background: var(--p-btn-v1-hover-bg); color: var(--p-btn-v1-hover-text); } } } @layer element_local { .c-tag { display: inline-flex; vertical-align: middle; } .tag { padding: 0.4em 0.73em 0.335em 0.8em; border-radius: 100vw; } .title .shy:has(+ .c-tag) { margin-right: 0.25em; } } @layer element_local { .marquee-card { position: relative; z-index: 2; display: flex; padding-bottom: 50px; } .marquee-card .c-inner { flex: 1 1 0; position: relative; z-index: 2; border-radius: clamp(10px, 0.8561vw + 6.9178px, 20px); overflow: hidden; transform: translate3d(0, 0, 0); } .marquee-card .c-text { position: relative; z-index: 2; } .marquee.\:images-false .marquee-card { width: clamp(272px, 12.3287vw + 227.6164px, 416px); } .marquee.\:images-false .marquee-card.\:wide-true { width: clamp(352px, 15.0684vw + 297.7534px, 528px); } .marquee.\:images-false .marquee-card .c-inner { padding-top: clamp(28px, 3.7671vw + 14.4383px, 72px); padding-bottom: clamp(36px, 4.452vw + 19.9726px, 88px); padding-inline: clamp(24px, 2.7397vw + 14.1369px, 56px); } .marquee.\:images-false .marquee-card.has-image .c-inner { padding: 0; height: 100%; } .marquee.\:images-false .marquee-card.has-image .image { height: 100%; } .marquee.\:images-true .marquee-card { align-self: center; width: 416px; } .marquee.\:images-true .marquee-card.\:wide-true { width: 528px; } .marquee-card > .c-inner .icon { position: absolute; inset: 0; z-index: 1; border-radius: clamp(10px, 0.8561vw + 6.9178px, 20px); overflow: hidden; mix-blend-mode: multiply; opacity: 0.25; } .marquee-card > .c-inner .icon svg { width: 100%; height: 130%; min-height: 320px; } .marquee-card .\:bg-a3 svg .fill { --p-icon: var(--color-a3); } .marquee-card .\:bg-a4 svg .fill { --p-icon: var(--color-a4); } .marquee-card .\:bg-a5 svg .fill { --p-icon: var(--color-a5); } .marquee-card .\:bg-a8 svg .fill { --p-icon: var(--color-a8); } } @layer element_custom { .marquee.\:images-false .marquee-card .e-media { aspect-ratio: unset; } .marquee-card .e-media { margin-block: 0; } } @layer element_local { .marquee-item .e-media { aspect-ratio: unset; margin-block: 2px; } .marquee-item .media-source { transition: unset; } .marquee-item a:has(.image) { display: block; } } @layer element_base { .menu .menu-item > .link-wrap { display: flex; align-items: center; } .menu .menu-item.has-children > .link-wrap .icon { width: 18px; } .menu .menu-item.has-children > .link-wrap[aria-expanded=true] .icon { transform: rotate(180deg); } .menu .uk-dropdown { display: none; position: absolute; z-index: 10; padding: 0 !important; background-color: unset; } .menu .uk-dropdown.uk-open { display: block; } } @layer element_base {} @layer element_base { a.overlink { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: none; text-decoration: none; box-shadow: none; } @media (hover: hover) { a.overlink:hover ~ .c-text .shy { --link-color-text: var(--p-nav-link-shy-hover-text); --link-color-bg: var(--p-nav-link-shy-hover-bg); --link-underline-offset: 0.3em; --link-underline-width-hover: 0.7em; --link-bg-size: 40%; --link-bg-position: 82%; } a.overlink:hover ~ .c-image .media-source { --image-scale: 1.05; } } a.overlink ~ * a { position: relative; z-index: 11; } } @layer element_local { .person-card { position: relative; container-type: normal; background: transparent; transition: background 240ms cubic-bezier(0.42, 0, 0.32, 1); } .person-card .c-inner { position: relative; } .person-card .c-image { position: relative; } .person-card .title { margin-top: 0.85em; } .person-card .card-meta { margin-top: 0.55em; } .person-card .role { font-size: 18px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .person-card .pronouns { font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; } } @layer element_custom { .person-card { display: flex; } .person-card .c-inner { padding: 44px; width: 100%; } .person-color-1 .person-card figure:not(.e-hover) { background: var(--p-accent-7); } @media (hover: hover) { .person-color-1 .person-card:hover { background: var(--p-accent-8); } } .person-color-2 .person-card figure:not(.e-hover) { background: var(--p-accent-5); } @media (hover: hover) { .person-color-2 .person-card:hover { background: var(--p-accent-4); } } .person-color-3 .person-card figure:not(.e-hover) { background: var(--p-accent-10); } @media (hover: hover) { .person-color-3 .person-card:hover { background: var(--p-accent-3); } } .person-color-4 .person-card figure:not(.e-hover) { background: var(--p-accent-12); } @media (hover: hover) { .person-color-4 .person-card:hover { background: var(--p-accent-11); } } .person-color-5 .person-card figure:not(.e-hover) { background: var(--p-accent-9); } @media (hover: hover) { .person-color-5 .person-card:hover { background: var(--p-accent-8); } } .person-color-6 .person-card figure:not(.e-hover) { background: var(--p-accent-6); } @media (hover: hover) { .person-color-6 .person-card:hover { background: var(--p-accent-5); } } .person-card figure { -webkit-clip-path: circle(closest-side); clip-path: circle(closest-side); } } @layer element_base { .person-landing-sidebar { flex: 0 0 50%; height: 50%; } .person-landing-sidebar:only-child { flex-basis: 100%; height: 100%; } .person-landing-sidebar .c-inner { position: relative; width: 100%; height: 100%; } .person-landing-sidebar figure { position: absolute; z-index: 2; width: 100%; height: 100%; pointer-events: none; } .person-landing-sidebar.\:inset-false figure { left: 0; top: 0; } .person-landing-sidebar.\:inset-true[class*=":bg-"] { padding: 10% 15%; } .person-landing-sidebar.\:inset-true[class*=":bg-"] figure { left: 50%; top: 50%; max-width: 100%; max-height: 100%; translate: -50% -50%; } .person-landing-sidebar.\:inset-true[class*=":bg-"] .e-media { display: flex; justify-content: center; align-items: center; } .person-landing-sidebar.\:inset-true[class*=":bg-"] .media-source { width: auto; height: auto; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } } @layer element_base { .pullquote { --icon-size: clamp(54px, 1.541vw + 48.452px, 72px); } .pullquote.\:accent-a1 { --p-icon: var(--p-accent-1); } .pullquote.\:accent-a2 { --p-icon: var(--p-accent-2); } .pullquote.\:accent-a3 { --p-icon: var(--p-accent-3); } .pullquote.\:accent-a4 { --p-icon: var(--p-accent-4); } .pullquote.\:accent-a5 { --p-icon: var(--p-accent-5); } .pullquote.\:accent-a6 { --p-icon: var(--p-accent-6); } .pullquote.\:accent-a7 { --p-icon: var(--p-accent-7); } .pullquote.\:accent-a8 { --p-icon: var(--p-accent-8); } .pullquote.\:accent-a9 { --p-icon: var(--p-accent-9); } .pullquote.\:accent-a10 { --p-icon: var(--p-accent-10); } .pullquote.\:accent-a11 { --p-icon: var(--p-accent-11); } .pullquote.\:accent-a12 { --p-icon: var(--p-accent-12); } .pullquote .c-quote-title { display: flex; align-items: center; gap: clamp(12px, 0.3424vw + 10.7671px, 16px); margin-top: calc(clamp(8px, 0.6849vw + 5.5342px, 16px) * -1); } .pullquote .icon { margin-inline: clamp(-8px, -0.1713vw - 5.3836px, -6px); } .pullquote blockquote { font-size: clamp(24px, 1.0223vw + 20.3197px, 25.104px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.3; letter-spacing: clamp(-0.03px, -0.0278vw + 0.0998px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .pullquote blockquote { font-size: clamp(25.104px, 1.0421vw + 20.2268px, 26.438px); letter-spacing: clamp(-0.0662px, -0.0283vw + 0.1024px, -0.03px); } } @media (min-width: 596px) and (max-width: 739.98px) { .pullquote blockquote { font-size: clamp(26.438px, 1.1108vw + 19.8171px, 28.0377px); letter-spacing: clamp(-0.1096px, -0.0302vw + 0.1135px, -0.0662px); } } @media (min-width: 740px) and (max-width: 899.98px) { .pullquote blockquote { font-size: clamp(28.0377px, 1.1914vw + 19.2211px, 29.9439px); letter-spacing: clamp(-0.1614px, -0.0324vw + 0.1297px, -0.1096px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .pullquote blockquote { font-size: clamp(29.9439px, 1.2279vw + 18.8926px, 32.2033px); letter-spacing: clamp(-0.2227px, -0.0334vw + 0.1386px, -0.1614px); } } @media (min-width: 1084px) { .pullquote blockquote { font-size: clamp(32.2033px, 1.2814vw + 18.3128px, 34.8686px); letter-spacing: clamp(-0.2951px, -0.0348vw + 0.1543px, -0.2227px); } } @media (min-width: 1292px) { .pullquote blockquote { font-size: clamp(34.8686px, 1.3268vw + 17.726px, 38px); letter-spacing: clamp(-0.38px, -0.0361vw + 0.1702px, -0.2951px); } } .pullquote figcaption { display: flex; align-items: center; gap: clamp(12px, 0.3424vw + 10.7671px, 16px); } .pullquote figcaption p { margin-top: 0.1em; } .pullquote figcaption p.name { margin-top: 0; margin-bottom: 0.25em; font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } .pullquote figcaption p:not(.name) { font-size: 14px; font-weight: 400; } .pullquote .image { width: clamp(76px, 1.0273vw + 72.3013px, 88px); height: clamp(76px, 1.0273vw + 72.3013px, 88px); } .pullquote .person-color-1 .image { background: var(--p-accent-7); } .pullquote .person-color-2 .image { background: var(--p-accent-5); } .pullquote .person-color-3 .image { background: var(--p-accent-10); } .pullquote .person-color-4 .image { background: var(--p-accent-12); } .pullquote .person-color-5 .image { background: var(--p-accent-9); } .pullquote .person-color-6 .image { background: var(--p-accent-6); } } @layer element_custom { .pullquote .quote-title { margin-top: 0.55em; font-size: 20px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-accent-1); } .work-card .pullquote { --icon-size: 54px; } .pullquote .image { -webkit-clip-path: circle(closest-side); clip-path: circle(closest-side); } } @layer element_base { .search-panel .c-panel { background: var(--p-fill); } } @layer element_local { .search-panel { background: transparent; } } @layer element_base { .section-header { display: flex; gap: 0.25em clamp(20px, 1.7123vw + 13.8356px, 40px); border: 1px solid var(--p-line); border-width: 0 0 1px 0; white-space: nowrap; transition-property: border-color 240ms cubic-bezier(0.42, 0, 0.32, 1); } .section-header h3 { margin-left: 0; margin-bottom: 0.55em; font-size: 20px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } .section-header .tag { background: var(--p-lowlight-bg); color: var(--p-lowlight-text); } .section-header a { --link-underline-offset: 0.3em; margin-bottom: 0.55em; margin-left: auto; font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; } @media (hover: hover) { .section-header a:hover { --link-underline-offset: 0.3em; } } .section-header { grid-column: 1/-1; padding-top: clamp(20px, 1.7123vw + 13.8356px, 40px); border-width: 1px 0 0 0; -moz-column-gap: 8px; column-gap: 8px; white-space: unset; } .section-header h3 { position: relative; top: 0.15em; margin: 0; } .section-header menu { display: flex; flex-wrap: wrap; margin-left: auto; } } @layer element_base { .select { --field-padding-x: 1.6em; --field-padding-y: 0.6em; --field-padding-left: var(--field-padding-x); --field-padding-right: var(--field-padding-x); --field-padding-top: var(--field-padding-y); --field-padding-bottom: var(--field-padding-y); --field-border-width: 1px; --field-border-color: var(--p-form-empty-border); --field-bg-color: var(--p-form-empty-bg); --field-text-color: var(--p-form-empty-text); --field-icon-color: transparent; --field-icon-gap: 0; --stroke-width: 2; --icon-size: 32px; position: relative; display: flex; align-items: center; gap: 0.55em; padding-inline: var(--field-padding-x); padding-block: var(--field-padding-y); padding-top: var(--field-padding-top); padding-bottom: var(--field-padding-bottom); width: 100%; border: var(--field-border-width) solid var(--field-border-color); border-radius: 100vw; outline: none; background-color: var(--field-bg-color); } @media (min-width: 468px) { .select { width: 384px; } } .select .label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; font-weight: 700; } .select .c-select { flex: 1 1 0; display: flex; overflow: hidden; } .select .select-value { display: inline-block; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; font-weight: 700; text-transform: lowercase; pointer-events: none; } .select select { position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .select .icon { margin-right: -12px; pointer-events: none; } .select .caret { z-index: 1; width: var(--icon-size); height: var(--icon-size); pointer-events: none; } .select svg { width: var(--icon-size); height: var(--icon-size); } } @layer element_local { .service-card { display: flex; border-radius: clamp(10px, 0.8561vw + 6.9178px, 20px); transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .service-card .c-inner { display: flex; flex-direction: column; padding: clamp(24px, 2.7397vw + 14.1369px, 56px); } .service-card .title { margin-top: 0.55em; margin-bottom: 0.25em; font-size: clamp(32px, 1.1683vw + 27.7939px, 33.2618px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(40px, 1.1099vw + 36.0042px, 41.1987px); letter-spacing: clamp(-0.0379px, -0.0351vw + 0.1261px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .service-card .title { font-size: clamp(33.2618px, 1.191vw + 27.6878px, 34.7863px); line-height: clamp(41.1987px, 1.1314vw + 35.9034px, 42.647px); letter-spacing: clamp(-0.0836px, -0.0358vw + 0.1293px, -0.0379px); } } @media (min-width: 596px) and (max-width: 739.98px) { .service-card .title { font-size: clamp(34.7863px, 1.2695vw + 27.2196px, 36.6145px); line-height: clamp(42.647px, 1.2061vw + 35.4586px, 44.3837px); letter-spacing: clamp(-0.1385px, -0.0381vw + 0.1434px, -0.0836px); } } @media (min-width: 740px) and (max-width: 899.98px) { .service-card .title { font-size: clamp(36.6145px, 1.3616vw + 26.5384px, 38.7931px); line-height: clamp(44.3837px, 1.2935vw + 34.8115px, 46.4534px); letter-spacing: clamp(-0.2038px, -0.0409vw + 0.1638px, -0.1385px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .service-card .title { font-size: clamp(38.7931px, 1.4033vw + 26.163px, 41.3752px); line-height: clamp(46.4534px, 1.3331vw + 34.4549px, 48.9064px); letter-spacing: clamp(-0.2813px, -0.0422vw + 0.1751px, -0.2038px); } } @media (min-width: 1084px) { .service-card .title { font-size: clamp(41.3752px, 1.4644vw + 25.5004px, 44.4213px); line-height: clamp(48.9064px, 1.3912vw + 33.8254px, 51.8002px); letter-spacing: clamp(-0.3727px, -0.044vw + 0.1949px, -0.2813px); } } @media (min-width: 1292px) { .service-card .title { font-size: clamp(44.4213px, 1.5163vw + 24.8297px, 48px); line-height: clamp(51.8002px, 1.4405vw + 33.1882px, 55.2px); letter-spacing: clamp(-0.48px, -0.0455vw + 0.2151px, -0.3727px); } } .service-card .subtitle { font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; } .service-card ol, .service-card ul, .service-card li { list-style: none; margin-inline: 0; padding-inline: 0; } .service-card li { margin: 0; padding-block: 0.55em; border-top: 1px solid var(--p-line); } .service-card li::before { display: none; } .service-card .c-image { --image-scale: 1; } .service-card .c-image svg { width: unset; height: clamp(80px, 3.2534vw + 68.2876px, 118px); } .service-card .service-image-shape.fill { fill: var(--service-image-color); } .service-card .service-image-shape.stroke { fill: none; stroke: var(--service-image-color); stroke-width: 2; } .service-card .service-image-bg { --service-image-color: #f8f5ed; } .service-card .service-image-block-1 { --service-image-color: #fdeb9f; } .service-card .service-image-block-2 { --service-image-color: #fbcb8a; } .service-card .service-image-block-3 { --service-image-color: #ffc37d; } .service-card .service-image-block-4 { --service-image-color: #ffe693; } .service-card .service-image-accent-1 { --service-image-color: #ba8ead; } .service-card .service-image-accent-2 { --service-image-color: #dab0d0; } .service-card .service-image-accent-3 { --service-image-color: #d8a8ca; } .service-card .service-image-point { --service-image-color: #d8a8ca; } @media (hover: hover) { .service-card:hover { --image-scale: 1; --p-fill: var(--color-p4); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-t1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t4); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t4); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t4); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t4); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t4); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .service-card:hover .service-image-bg { --service-image-color: #002929; } .service-card:hover .service-image-block-1 { --service-image-color: #004e4d; } .service-card:hover .service-image-block-2 { --service-image-color: #004e4d; } .service-card:hover .service-image-block-3 { --service-image-color: #004e4d; } .service-card:hover .service-image-block-4 { --service-image-color: #00615f; } .service-card:hover .service-image-accent-1 { --service-image-color: #004e4d; } .service-card:hover .service-image-accent-2 { --service-image-color: #004242; } .service-card:hover .service-image-accent-3 { --service-image-color: #004e4d; } .service-card:hover .service-image-point { --service-image-color: #004e4d; } } .service-card .e-icon { position: relative; left: 16px; top: 16px; display: flex; justify-content: flex-end; margin-top: auto; } .service-card .icon { --p-icon: var(--color-t4); --icon-size: 24px; --stroke-width: 2.6; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: var(--p-accent-1); border-radius: 50%; } [data-feed-items]:has(.service-card) { --item-min-width: 300px; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); margin-bottom: clamp(48px, 2.7397vw + 38.1369px, 80px); } } @layer element_custom { .service-card { padding-block: 0; } } @layer element_base {} @layer element_base { .service-tier.\:size-1 .title { font-size: clamp(32px, 1.1683vw + 27.7939px, 33.2618px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(40px, 1.1099vw + 36.0042px, 41.1987px); letter-spacing: clamp(-0.0379px, -0.0351vw + 0.1261px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .service-tier.\:size-1 .title { font-size: clamp(33.2618px, 1.191vw + 27.6878px, 34.7863px); line-height: clamp(41.1987px, 1.1314vw + 35.9034px, 42.647px); letter-spacing: clamp(-0.0836px, -0.0358vw + 0.1293px, -0.0379px); } } @media (min-width: 596px) and (max-width: 739.98px) { .service-tier.\:size-1 .title { font-size: clamp(34.7863px, 1.2695vw + 27.2196px, 36.6145px); line-height: clamp(42.647px, 1.2061vw + 35.4586px, 44.3837px); letter-spacing: clamp(-0.1385px, -0.0381vw + 0.1434px, -0.0836px); } } @media (min-width: 740px) and (max-width: 899.98px) { .service-tier.\:size-1 .title { font-size: clamp(36.6145px, 1.3616vw + 26.5384px, 38.7931px); line-height: clamp(44.3837px, 1.2935vw + 34.8115px, 46.4534px); letter-spacing: clamp(-0.2038px, -0.0409vw + 0.1638px, -0.1385px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .service-tier.\:size-1 .title { font-size: clamp(38.7931px, 1.4033vw + 26.163px, 41.3752px); line-height: clamp(46.4534px, 1.3331vw + 34.4549px, 48.9064px); letter-spacing: clamp(-0.2813px, -0.0422vw + 0.1751px, -0.2038px); } } @media (min-width: 1084px) { .service-tier.\:size-1 .title { font-size: clamp(41.3752px, 1.4644vw + 25.5004px, 44.4213px); line-height: clamp(48.9064px, 1.3912vw + 33.8254px, 51.8002px); letter-spacing: clamp(-0.3727px, -0.044vw + 0.1949px, -0.2813px); } } @media (min-width: 1292px) { .service-tier.\:size-1 .title { font-size: clamp(44.4213px, 1.5163vw + 24.8297px, 48px); line-height: clamp(51.8002px, 1.4405vw + 33.1882px, 55.2px); letter-spacing: clamp(-0.48px, -0.0455vw + 0.2151px, -0.3727px); } } .service-tier .price { margin-top: 0.85em; margin-bottom: 1.25em; } .service-tier ul, .service-tier li { list-style: none; margin-inline: 0; padding-inline: 0; } .service-tier li { margin: 0; padding-block: 0.55em; border-top: 1px solid var(--p-line); } .service-tier li:first-child { padding-top: 0; border-top: none; } .service-tier li::before { display: none; } .service-tier > .p-inner { grid-template-rows: 1fr auto; padding: clamp(24px, 2.7397vw + 14.1369px, 56px); } .service-tier .c-overview { grid-column: 1/-1; } @media (min-width: 596px) { .service-tier .c-overview { grid-area: 1/1/span 1/span 1; } } .service-tier .c-features { grid-column: 1/-1; } @media (min-width: 596px) { .service-tier .c-features { grid-area: 1/2/span 2/span 1; } } .service-tier .c-features p { margin-top: 1.25em; font-size: 14px; font-weight: 400; } .service-tier .e-btn { grid-column: 1/-1; margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); margin-bottom: 0.85em; } @media (min-width: 596px) { .service-tier .e-btn { grid-area: 2/1/span 1/span 1; } } } @layer element_local { .shop-card .title { margin-top: 0.85em; font-size: 22px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.2; --icon-size: 20px; } .shop-card .icon.external-link { top: -0.1em; } } @layer element_base { .sidebar { grid-column: 1/-1; font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; } @media (min-width: 596px) { .sidebar { grid-column: 2/span 10; } } @media (min-width: 900px) { .sidebar { grid-column: 3/span 8; } } @media (min-width: 1292px) { .sidebar { grid-column: auto/span 3; grid-row: auto/span 99; } } @media (min-width: 1528px) { .sidebar { grid-column: auto/span 2; } } .sidebar.\:align-left { grid-column-start: 1; } @media (min-width: 1292px) { .sidebar.\:align-right { grid-column-start: 10; } } @media (min-width: 1528px) { .sidebar.\:align-right { grid-column-start: 11; } } .sidebar h6 { font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } @media (min-width: 1292px) { .sidebar + * { margin-top: 0; } } } @layer component_local { @media (min-width: 1292px) { main > .sidebar ~ :is(.\:width-wide, .\:width-full, .\:width-bleed) { order: -1; } main > .sidebar ~ :is(.\:width-narrow, .\:width-medium) ~ :is(.\:width-wide, .\:width-full, .\:width-bleed) { order: unset; } } } @layer element_base { .social-link { --btn-padding-x: 3px; --btn-padding-y: 3px; flex: 0 0 40px; width: 40px; height: 40px; } .social-link svg { width: 100%; height: 100%; } } @layer element_base { .statistic .c-number, .statistic .c-text { display: block; } .statistic .c-number { margin-bottom: 0.1em; } .statistic cite { display: block; margin-top: 0.85em; font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-caption); font-style: normal; } } @layer element_base { .sticky-cta { position: fixed; right: clamp(20px, 2.0547vw + 12.6027px, 44px); bottom: clamp(20px, 2.0547vw + 12.6027px, 44px); z-index: 10; opacity: 1; transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1); } .sticky-cta .btn { box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.1); } .sticky-cta[data-vanish-visible=false] { opacity: 0; pointer-events: none; } } @layer element_base { .e-tab a { text-decoration: none; } .tab-buttons { display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px; border-bottom: 1px solid var(--p-line-alt); } .tab-buttons a { --link-color-text: var(--p-link-default-text); --link-color-bg: var(--p-link-default-bg); --link-underline-color: var(--p-link-default-border); --link-underline-width: 0; display: block; padding: 0.2em 0.4em; height: 100%; } @media (hover: hover) { .tab-buttons a:hover { --link-color-text: var(--p-tab-hover-text); --link-color-bg: var(--p-tab-hover-bg); --link-underline-color: var(--p-tab-hover-border); } } [uk-switcher] [aria-expanded=true] { --link-color-text: var(--p-tab-active-text); --link-color-bg: var(--p-tab-active-bg); --link-underline-color: var(--p-tab-active-border); } @media (hover: hover) { [uk-switcher] [aria-expanded=true]:hover { --link-color-text: var(--p-tab-active-text); --link-color-bg: var(--p-tab-active-bg); --link-underline-color: var(--p-tab-active-border); } } } @layer element_base { .tags { display: flex; flex-wrap: wrap; align-items: center; gap: 1em; font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; } .tag { display: inline-block; padding: 0.2em 0.33em 0.135em 0.4em; background: var(--p-tag-bg); color: var(--p-tag-text); transition: all 240ms linear(0, 1); text-decoration: none; } @media (hover: hover) { a.tag:hover { background: var(--p-btn-v1-hover-bg); color: var(--p-btn-v1-hover-text); } } } @layer element_local { .c-tag { display: inline-flex; vertical-align: middle; } .tag { padding: 0.4em 0.73em 0.335em 0.8em; border-radius: 100vw; } .title .shy:has(+ .c-tag) { margin-right: 0.25em; } } @layer element_base {} @layer element_base { .text-grid-item { grid-column: 1/-1; } .text-grid-item .c-inner > * { grid-column: 1/-1; } .text-grid-item .c-text { margin-top: 0.85em; } @media (min-width: 740px) { .text-grid-item .c-title { grid-column: auto/span 6; } .text-grid-item .c-text { grid-column: auto/span 6; margin-top: 0; } } @media (min-width: 900px) { .text-grid-item .c-title { grid-column: auto/span 7; } .text-grid-item .c-text { grid-column: auto/span 5; } } .text-grid-item.\:size-1 .title { margin-top: -0.1em; font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .text-grid-item.\:size-1 .title { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { .text-grid-item.\:size-1 .title { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { .text-grid-item.\:size-1 .title { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .text-grid-item.\:size-1 .title { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { .text-grid-item.\:size-1 .title { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { .text-grid-item.\:size-1 .title { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .text-grid-item.\:size-2 .title { margin-top: -0.05em; font-size: clamp(32px, 1.1683vw + 27.7939px, 33.2618px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(40px, 1.1099vw + 36.0042px, 41.1987px); letter-spacing: clamp(-0.0379px, -0.0351vw + 0.1261px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .text-grid-item.\:size-2 .title { font-size: clamp(33.2618px, 1.191vw + 27.6878px, 34.7863px); line-height: clamp(41.1987px, 1.1314vw + 35.9034px, 42.647px); letter-spacing: clamp(-0.0836px, -0.0358vw + 0.1293px, -0.0379px); } } @media (min-width: 596px) and (max-width: 739.98px) { .text-grid-item.\:size-2 .title { font-size: clamp(34.7863px, 1.2695vw + 27.2196px, 36.6145px); line-height: clamp(42.647px, 1.2061vw + 35.4586px, 44.3837px); letter-spacing: clamp(-0.1385px, -0.0381vw + 0.1434px, -0.0836px); } } @media (min-width: 740px) and (max-width: 899.98px) { .text-grid-item.\:size-2 .title { font-size: clamp(36.6145px, 1.3616vw + 26.5384px, 38.7931px); line-height: clamp(44.3837px, 1.2935vw + 34.8115px, 46.4534px); letter-spacing: clamp(-0.2038px, -0.0409vw + 0.1638px, -0.1385px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .text-grid-item.\:size-2 .title { font-size: clamp(38.7931px, 1.4033vw + 26.163px, 41.3752px); line-height: clamp(46.4534px, 1.3331vw + 34.4549px, 48.9064px); letter-spacing: clamp(-0.2813px, -0.0422vw + 0.1751px, -0.2038px); } } @media (min-width: 1084px) { .text-grid-item.\:size-2 .title { font-size: clamp(41.3752px, 1.4644vw + 25.5004px, 44.4213px); line-height: clamp(48.9064px, 1.3912vw + 33.8254px, 51.8002px); letter-spacing: clamp(-0.3727px, -0.044vw + 0.1949px, -0.2813px); } } @media (min-width: 1292px) { .text-grid-item.\:size-2 .title { font-size: clamp(44.4213px, 1.5163vw + 24.8297px, 48px); line-height: clamp(51.8002px, 1.4405vw + 33.1882px, 55.2px); letter-spacing: clamp(-0.48px, -0.0455vw + 0.2151px, -0.3727px); } } .text-grid-item .title a { --link-bg-size: 0%; --link-bg-position: 82%; } @media (hover: hover) { .text-grid-item .title a:hover { --link-bg-size: 44%; --link-bg-position: 82%; } } .text-grid-item + .text-grid-item { border-top: 1px solid var(--p-line); } .text-grid-item ol, .text-grid-item ul, .text-grid-item li { list-style: none; margin-inline: 0; padding-inline: 0; } .text-grid-item li { margin: 0; padding-block: 0.55em; border-top: 1px solid var(--p-line); } .text-grid-item li::before { display: none; } } @layer element_local { .text-grid-item:first-child { margin-top: 0; padding-top: 0; } } @layer element_base { .video { position: relative; } .video video { position: relative; z-index: 1; } .video .c-image { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .video .c-icon { display: none; } .video:not(.-play) .media-toggle .text.pause { display: none; } .video:not(.-play) .media-toggle .icon.\:icon-pause { display: none; } .video.-play .media-toggle .text.play { display: none; } .video.-play .media-toggle .icon.\:icon-play { display: none; } .c-video-control { position: absolute; left: clamp(12px, 1.0273vw + 8.3013px, 24px); bottom: clamp(12px, 1.0273vw + 8.3013px, 24px); z-index: 3; } .video-autoplay { position: relative; width: 100%; height: 100%; overflow: hidden; } .video-autoplay > * { position: absolute; inset: 0; } .video-autoplay iframe { left: 50%; top: 50%; z-index: 0; translate: -50% -50%; } .video-autoplay .c-image { z-index: 1; } .video-autoplay.-play iframe { z-index: 1; } .video-autoplay.-play .c-image { z-index: 0; } } @layer element_custom { .c-video-control { background: transparent; } .c-video-control .btn { --btn-border-width: 0; --btn-bg-color-off: var(--color-a16a); } } @layer element_base { .third-party-logo { position: relative; filter: grayscale(1); } .third-party-logo .media-source { display: inline-block; width: auto; height: auto; -o-object-fit: contain; object-fit: contain; } .third-party-logo.work-award .image { opacity: 0.6; } .third-party-logo.work-award .media-source { max-width: 192px; max-height: 192px; } .third-party-logo.client-logo .media-source { max-width: 192px; max-height: 192px; } } @layer element_local { .work-card { position: relative; container-name: work-card work-card-without-pullquote; } .work-card .c-inner { position: relative; } .work-card .c-image { position: relative; grid-row: auto/span 1; } .work-card .e-media { border-radius: clamp(10px, 0.8561vw + 6.9178px, 20px); } .work-card .video .c-video-control { display: none; } .work-card .video .c-image { display: none; } .work-card .video .c-icon { display: none; } .work-card .title { margin-top: 0.85em; } .work-card .title .shy:has(+ .tags) { margin-right: 0.3em; } .work-card .title .tags { position: relative; top: -0.4em; display: inline-flex; } .work-card .card-meta { margin-top: 0.55em; } .work-card.has-pullquote { container-name: work-card work-card-with-pullquote; row-gap: clamp(32px, 1.3698vw + 27.0684px, 48px); } .work-card .pullquote blockquote { font-size: clamp(24px, 0.292vw + 22.9484px, 24.3154px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.3; letter-spacing: clamp(-0.0221px, -0.0205vw + 0.0736px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .work-card .pullquote blockquote { font-size: clamp(24.3154px, 0.2977vw + 22.9219px, 24.6965px); letter-spacing: clamp(-0.0488px, -0.0209vw + 0.0754px, -0.0221px); } } @media (min-width: 596px) and (max-width: 739.98px) { .work-card .pullquote blockquote { font-size: clamp(24.6965px, 0.3173vw + 22.8049px, 25.1536px); letter-spacing: clamp(-0.0808px, -0.0223vw + 0.0836px, -0.0488px); } } @media (min-width: 740px) and (max-width: 899.98px) { .work-card .pullquote blockquote { font-size: clamp(25.1536px, 0.3404vw + 22.6346px, 25.6982px); letter-spacing: clamp(-0.1189px, -0.0239vw + 0.0955px, -0.0808px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .work-card .pullquote blockquote { font-size: clamp(25.6982px, 0.3508vw + 22.5407px, 26.3438px); letter-spacing: clamp(-0.1641px, -0.0246vw + 0.1021px, -0.1189px); } } @media (min-width: 1084px) { .work-card .pullquote blockquote { font-size: clamp(26.3438px, 0.3661vw + 22.3751px, 27.1053px); letter-spacing: clamp(-0.2174px, -0.0257vw + 0.1137px, -0.1641px); } } @media (min-width: 1292px) { .work-card .pullquote blockquote { font-size: clamp(27.1053px, 0.379vw + 22.2074px, 28px); letter-spacing: clamp(-0.2801px, -0.0266vw + 0.1254px, -0.2174px); } } @container work-card (max-width: 555.98px) { .work-card .c-inner { --grid-columns: 6; } } @container work-card-without-pullquote (min-width: 556px) { .work-card .c-text { grid-column: 1/span 10; } } @container work-card-without-pullquote (min-width: 700px) { .work-card .c-text { grid-column: 1/span 10; } } @container work-card-without-pullquote (min-width: 860px) { .work-card .c-text { grid-column: 1/span 9; } } @container work-card-without-pullquote (min-width: 1044px) { .work-card .c-text { grid-column: 1/span 8; } } @container work-card-without-pullquote (min-width: 1252px) { .work-card .c-text { grid-column: 1/span 6; } } @container work-card-with-pullquote (min-width: 1252px) { .work-card .c-text { grid-column: 1/span 5; } } [data-feed-items]:has(.work-card) { --item-min-width: 300px; } } @layer component_base {} .cluster .g { display: grid; --grid-columns: 6; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } @media (min-width: 468px) { .cluster .g { --grid-columns: 12; } } .cluster .item { grid-column: 1/-1; } @media (min-width: 596px) { .cluster.-s2 .item { grid-column: auto/span 6; } .cluster.-s2 .item:nth-child(1):nth-last-child(2n+1) { grid-column: 2/span 10; } } @media (min-width: 900px) { .cluster.-s2 .item:nth-child(1):nth-last-child(2n+1) { grid-column: 3/span 8; } } @media (min-width: 468px) { .cluster.-s3 .item { grid-column: 2/span 4; } } @media (min-width: 596px) { .cluster.-s3 .item { grid-column: auto/span 6; } } @media (min-width: 900px) { .cluster.-s3 .item { grid-column: auto/span 4; } } @media (min-width: 596px) { .cluster.-s3 .item:nth-child(1):nth-last-child(1) { grid-column: 3/span 8; } } @media (min-width: 900px) { .cluster.-s3 .item:nth-child(1):nth-last-child(1) { grid-column: 4/span 6; } } @media (min-width: 596px) { .cluster.-s3 .item:nth-child(1):nth-last-child(2), .cluster.-s3 .item:nth-child(1):nth-last-child(2) ~ div { grid-column: auto/span 6; } .cluster.-s3 .item:nth-child(1):nth-last-child(n+3):nth-last-child(2n+1) { grid-column: 3/span 8; } } @media (min-width: 900px) { .cluster.-s3 .item:nth-child(1):nth-last-child(n+3):nth-last-child(2n+1) { grid-column: auto/span 4; } .cluster.-s3 .item:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1), .cluster.-s3 .item:nth-child(1):nth-last-child(n+4):nth-last-child(3n+1) ~ div:nth-child(-n+4) { grid-column: auto/span 6; } .cluster.-s3 .item:nth-child(1):nth-last-child(n+5):nth-last-child(3n+2), .cluster.-s3 .item:nth-child(1):nth-last-child(n+5):nth-last-child(3n+2) + div { grid-column: auto/span 6; } } @media (min-width: 468px) { .cluster.-s4 .item { grid-column: 2/span 4; } } @media (min-width: 596px) { .cluster.-s4 .item { grid-column: auto/span 3; } .cluster.-s4 .item:nth-child(1):nth-last-child(1) { grid-column: 4/span 6; } } @media (min-width: 900px) { .cluster.-s4 .item:nth-child(1):nth-last-child(1) { grid-column: 5/span 4; } } @media (min-width: 596px) { .cluster.-s4 .item:nth-child(1):nth-last-child(2) { grid-column: 3/span 4; } .cluster.-s4 .item:nth-child(1):nth-last-child(2) ~ div { grid-column: auto/span 4; } .cluster.-s4 .item:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3), .cluster.-s4 .item:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3) ~ div:nth-child(-n+3) { grid-column: auto/span 4; } .cluster.-s4 .item:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) { grid-column: 3/span 4; } .cluster.-s4 .item:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ div:nth-child(-n+5) { grid-column: auto/span 4; } .cluster.-s4 .item:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2), .cluster.-s4 .item:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2) ~ div:nth-child(-n+6) { grid-column: auto/span 4; } } @layer component_local { .event-hero .title:first-child { margin-top: 0.55em; } @media (min-width: 596px) { .event-hero .c-text > :first-child { margin-top: 0; } } } @layer component_local { .hero-hero { position: relative; overflow: hidden; } .hero-hero .c-text { padding-block: clamp(40px, 3.4246vw + 27.6712px, 80px); } .hero-hero .c-text > * { grid-column: 1/-1; } .hero-hero h1 { margin-bottom: 0.1em; } .hero-hero:is(.\:media-left, .\:media-right) .c-text, .hero-hero:is(.\:media-left, .\:media-right) .c-media { grid-column: 1/-1; } .hero-hero:is(.\:media-left, .\:media-right).has-button .c-text { padding-bottom: clamp(32px, 0.6849vw + 29.5342px, 40px); } .hero-hero:is(.\:media-left, .\:media-right) .c-media { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 740px) { .hero-hero:is(.\:media-left, .\:media-right) .c-media { position: absolute; margin: 0; } .hero-hero:is(.\:media-left, .\:media-right) .c-media * { height: 100%; } .hero-hero.\:media-left .c-text { grid-column: 7/span 6; margin-left: clamp(0px, 3.7671vw - 13.5617px, 44px); } .hero-hero.\:media-left .c-media { inset: 0 50% 0 0; } .hero-hero.\:media-right .c-text { grid-column: 1/span 6; margin-right: clamp(0px, 3.7671vw - 13.5617px, 44px); } .hero-hero.\:media-right .c-media { inset: 0 0 0 50%; } .hero-hero:is(.\:media-left, .\:media-right).\:text-center .c-text { margin-inline: clamp(0px, 3.7671vw - 13.5617px, 44px); } } @media (min-width: 1084px) { .hero-hero.\:media-left:not(.\:text-center) .c-text { grid-column: 8/span 5; margin-inline: 0; } .hero-hero.\:media-right:not(.\:text-center) .c-text { grid-column: 1/span 5; margin-inline: 0; } } .hero-hero.\:media-bg .c-text { position: relative; z-index: 4; grid-column: 1/-1; padding-block: clamp(80px, 3.4246vw + 67.6712px, 120px); } @media (min-width: 468px) { .hero-hero.\:media-bg .c-text { --grid-columns: 10; grid-column-end: span 10; } } @media (min-width: 740px) { .hero-hero.\:media-bg .c-text { --grid-columns: 8; grid-column-end: span 8; } } @media (min-width: 1084px) { .hero-hero.\:media-bg .c-text .subtitle { grid-column-end: span 6; } } .hero-hero.\:media-bg .c-media { position: absolute; inset: 0; } .hero-hero.\:media-bg .c-media::after { content: ""; position: absolute; inset: 0; z-index: 3; background: var(--p-overlay-bg); pointer-events: none; } .hero-hero.\:media-bg .media-figure { width: 100%; height: 100%; } .hero-hero.\:media-bg .c-image { z-index: 1; } .hero-hero.\:media-bg .c-video-control { left: auto; right: clamp(20px, 2.0547vw + 12.6027px, 44px); bottom: clamp(20px, 2.0547vw + 12.6027px, 44px); z-index: 5; } .hero-hero.\:media-bg.has-video .c-text { padding-top: clamp(192px, 16.4383vw + 132.8219px, 384px); padding-bottom: clamp(40px, 3.4246vw + 27.6712px, 80px); } .hero-hero.\:media-bg.has-button .c-text { padding-bottom: clamp(40px, 3.4246vw + 27.6712px, 80px); } .hero-hero.\:media-bg.\:text-right .c-text { grid-column-start: 1; } @media (min-width: 468px) { .hero-hero.\:media-bg.\:text-right .c-text { grid-column-start: 3; } } @media (min-width: 740px) { .hero-hero.\:media-bg.\:text-right .c-text { grid-column-start: 5; } } @media (min-width: 1084px) { .hero-hero.\:media-bg.\:text-right .subtitle { grid-column-start: 3; } } @media (min-width: 468px) { .hero-hero.\:media-bg.\:text-center .c-text { grid-column-start: 2; } } @media (min-width: 740px) { .hero-hero.\:media-bg.\:text-center .c-text { grid-column-start: 3; } } @media (min-width: 1084px) { .hero-hero.\:media-bg.\:text-center .subtitle { grid-column-start: 2; } } .hero-hero.\:text-left { text-align: left; } .hero-hero.\:text-center { text-align: center; } .hero-hero.\:text-right { text-align: right; } .hero-hero [data-split-spans] span { animation-name: tm-split-text-sequence; animation-duration: 480ms; animation-timing-function: linear(0, 1); animation-fill-mode: both; animation-delay: calc(0.5s + var(--split-spans-factor, 0) * 1.8s); } .hero-hero [data-split-spans] span:nth-child(1) { --split-spans-factor: 0; } .hero-hero [data-split-spans] span:nth-child(2) { --split-spans-factor: 1; } .hero-hero [data-split-spans] span:nth-child(3) { --split-spans-factor: 2; } .hero-hero [data-split-spans] span:nth-child(4) { --split-spans-factor: 3; } .hero-hero [data-split-spans] span:nth-child(5) { --split-spans-factor: 4; } .hero-hero [data-split-spans] span:nth-child(6) { --split-spans-factor: 5; } .hero-hero [data-split-spans] span:nth-child(7) { --split-spans-factor: 6; } .hero-hero [data-split-spans] span:nth-child(8) { --split-spans-factor: 7; } .hero-hero [data-split-spans] span:nth-child(9) { --split-spans-factor: 8; } .hero-hero [data-split-spans] span:nth-child(10) { --split-spans-factor: 9; } .hero-hero [data-split-spans] span:nth-child(11) { --split-spans-factor: 10; } .hero-hero [data-split-spans] span:nth-child(12) { --split-spans-factor: 11; } .hero-hero [data-split-spans] span:nth-child(13) { --split-spans-factor: 12; } .hero-hero [data-split-spans] span:nth-child(14) { --split-spans-factor: 13; } .hero-hero [data-split-spans] span:nth-child(15) { --split-spans-factor: 14; } .hero-hero [data-split-spans] span:nth-child(16) { --split-spans-factor: 15; } .hero-hero [data-split-spans] span:nth-child(17) { --split-spans-factor: 16; } .hero-hero [data-split-spans] span:nth-child(18) { --split-spans-factor: 17; } .hero-hero [data-split-spans] span:nth-child(19) { --split-spans-factor: 18; } .hero-hero [data-split-spans] span:nth-child(20) { --split-spans-factor: 19; } .hero-hero [data-split-spans] span:nth-child(21) { --split-spans-factor: 20; } @keyframes tm-split-text-sequence { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer component_base {} @layer component_base { .sandbox { --p-icon: var(--p-accent-1); } @media (min-width: 596px) { .sandbox .c-inner { --grid-columns: 2; } } @media (max-width: 359.98px) { .sandbox .c-inner { display: flex; flex-direction: column; row-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } } .sandbox .title { grid-column: 1/-1; } .sandbox .c-image { display: flex; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } @media (min-width: 900px) { .sandbox .c-image { grid-area: 2/2/span 2/span 1; } } .sandbox .c-text { grid-column: 1/-1; padding: 0.85em; padding-top: 0; border: 1px solid var(--p-line); } @media (min-width: 900px) { .sandbox .c-text { grid-column-end: span 1; } } .sandbox .meta { font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; color: var(--p-accent-4); } .sandbox .w-tag { min-width: -200px; } .sandbox p { margin-top: 0.85em; } .sandbox a { --link-color-text: var(--p-link-shy-default-text); --link-color-bg: var(--p-link-shy-default-bg); --link-underline-color: var(--p-link-shy-default-border); } @media (hover: hover) { .sandbox a:hover { --link-color-text: var(--p-link-shy-hover-text); --link-color-bg: var(--p-link-shy-hover-bg); --link-underline-color: var(--p-link-shy-hover-border); } } .sandbox .e-media { aspect-ratio: 1.6667; } .sandbox .e-btn { z-index: 11; } .sandbox.\:version-1 { margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .sandbox.\:align-right .c-image { justify-content: flex-end; } .sandbox:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { padding-block: clamp(40px, 3.4246vw + 27.6712px, 80px); } } @layer component_base { .tab-group { grid-column: 1/-1; } .tab-group .c-load-more-btn .btn { display: flex; width: 100%; justify-content: center; } .tab-contents .feed .c-inner { padding-inline: 0; } } @layer component_local { .tab-contents > li > :first-child { margin-top: 0; } } @layer component_base { .accordion { grid-column: 1/-1; border-bottom: 1px solid var(--p-line); } } @layer component_base { .anniversary-group { --p-highlight-bg: var(--color-a14a); position: relative; } .anniversary-group > .p-inner > .wysiwyg { text-align: center; } .anniversary-group > .p-inner > .wysiwyg h1 { font-size: clamp(48px, 3.7971vw + 34.3303px, 52.1009px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(60px, 4.0161vw + 45.5416px, 64.3374px); letter-spacing: clamp(-0.0789px, -0.0731vw + 0.2628px, 0px); font-variant-numeric: oldstyle-nums; text-wrap: balance; } @media (min-width: 468px) and (max-width: 595.98px) { .anniversary-group > .p-inner > .wysiwyg h1 { font-size: clamp(52.1009px, 3.8708vw + 33.9855px, 57.0555px); line-height: clamp(64.3374px, 4.0941vw + 45.177px, 69.5779px); letter-spacing: clamp(-0.1742px, -0.0745vw + 0.2695px, -0.0789px); } } @media (min-width: 596px) and (max-width: 739.98px) { .anniversary-group > .p-inner > .wysiwyg h1 { font-size: clamp(57.0555px, 4.1261vw + 32.4637px, 62.9971px); line-height: clamp(69.5779px, 4.3641vw + 43.5674px, 75.8623px); letter-spacing: clamp(-0.2885px, -0.0794vw + 0.2987px, -0.1742px); } } @media (min-width: 740px) and (max-width: 899.98px) { .anniversary-group > .p-inner > .wysiwyg h1 { font-size: clamp(62.9971px, 4.4252vw + 30.25px, 70.0776px); line-height: clamp(75.8623px, 4.6805vw + 41.226px, 83.3513px); letter-spacing: clamp(-0.4246px, -0.0852vw + 0.3413px, -0.2885px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .anniversary-group > .p-inner > .wysiwyg h1 { font-size: clamp(70.0776px, 4.5608vw + 29.0299px, 78.4695px); line-height: clamp(83.3513px, 4.8239vw + 39.9355px, 92.2274px); letter-spacing: clamp(-0.586px, -0.0878vw + 0.3648px, -0.4246px); } } @media (min-width: 1084px) { .anniversary-group > .p-inner > .wysiwyg h1 { font-size: clamp(78.4695px, 4.7595vw + 26.8764px, 88.3693px); line-height: clamp(92.2274px, 5.0341vw + 37.6577px, 102.6984px); letter-spacing: clamp(-0.7764px, -0.0916vw + 0.4062px, -0.586px); } } @media (min-width: 1292px) { .anniversary-group > .p-inner > .wysiwyg h1 { font-size: clamp(88.3693px, 4.9282vw + 24.6967px, 100px); line-height: clamp(102.6984px, 5.2125vw + 35.3523px, 114.9999px); letter-spacing: clamp(-1px, -0.0948vw + 0.4481px, -0.7764px); } } .anniversary-group > .p-inner > .wysiwyg p:not(.kicker) { font-size: clamp(20px, 0.4381vw + 18.4227px, 20.4731px); line-height: clamp(26px, 0.7594vw + 23.266px, 26.8201px); letter-spacing: -0.01em; } @media (min-width: 468px) and (max-width: 595.98px) { .anniversary-group > .p-inner > .wysiwyg p:not(.kicker) { font-size: clamp(20.4731px, 0.4466vw + 18.3829px, 21.0448px); line-height: clamp(26.8201px, 0.7741vw + 23.1971px, 27.8111px); } } @media (min-width: 596px) and (max-width: 739.98px) { .anniversary-group > .p-inner > .wysiwyg p:not(.kicker) { font-size: clamp(21.0448px, 0.476vw + 18.2073px, 21.7304px); line-height: clamp(27.8111px, 0.8252vw + 22.8927px, 28.9994px); } } @media (min-width: 740px) and (max-width: 899.98px) { .anniversary-group > .p-inner > .wysiwyg p:not(.kicker) { font-size: clamp(21.7304px, 0.5106vw + 17.9519px, 22.5474px); line-height: clamp(28.9994px, 0.885vw + 22.45px, 30.4155px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .anniversary-group > .p-inner > .wysiwyg p:not(.kicker) { font-size: clamp(22.5474px, 0.5262vw + 17.8111px, 23.5157px); line-height: clamp(30.4155px, 0.9121vw + 22.2059px, 32.0939px); } } @media (min-width: 1084px) { .anniversary-group > .p-inner > .wysiwyg p:not(.kicker) { font-size: clamp(23.5157px, 0.5491vw + 17.5626px, 24.658px); line-height: clamp(32.0939px, 0.9519vw + 21.7752px, 34.0738px); } } @media (min-width: 1292px) { .anniversary-group > .p-inner > .wysiwyg p:not(.kicker) { font-size: clamp(24.658px, 0.5686vw + 17.3111px, 26px); line-height: clamp(34.0738px, 0.9856vw + 21.3393px, 36.4px); } } .anniversary-group > .p-inner > .wysiwyg p.kicker { margin-bottom: 0.85em; font-size: 20px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } .anniversary-group > .p-inner > .c-sticker { position: absolute; right: 5%; top: 0; z-index: 4; display: flex; justify-content: center; align-items: center; width: clamp(80px, 10.2739vw + 43.0136px, 200px); aspect-ratio: 1; } @media (min-width: 740px) { .anniversary-group > .p-inner > .c-sticker { translate: 0 clamp(0px, 8.5616vw - 30.822px, 100px); } } .anniversary-group.has-accent-color { --p-highlight-bg: var(--c-anniversary-group-highlight); } .anniversary-group.has-accent-color .pullquote { --p-icon: var(--c-anniversary-group-accent); } .anniversary-group.has-accent-color a { --link-underline-color-default: var(--c-anniversary-group-accent); --link-underline-color-hover: var(--c-anniversary-group-highlight); --p-link-hover-bg: var(--c-anniversary-group-highlight); --link-color-text: var(--p-text); } @media (hover: hover) { .anniversary-group.has-accent-color a:hover { --link-underline-color-default: transparent; } } .anniversary-group .button-group { justify-content: center; margin-top: clamp(24px, 0.6849vw + 21.5342px, 32px); } } @layer component_local { .anniversary-group > .p-inner > :first-child { margin-top: 0; } .anniversary-group > .p-inner > :last-child { margin-bottom: 0; } .anniversary-group :is(.collage-duo, .media-duo, .photo-stack):not(:last-child) { padding-bottom: clamp(12px, 9.2465vw - 21.2877px, 120px); } .anniversary-group :is(.pullquote-feature) { padding-bottom: clamp(8px, 6.1643vw - 14.1918px, 80px); } .anniversary-group .pullquote .image { background: var(--c-anniversary-group-accent); } @media (min-width: 1292px) { .anniversary-group .media-duo .c-media { grid-column: 1/span 6; } .anniversary-group .media-duo .c-text { grid-column: 8/span 5; } .anniversary-group .media-duo.\:align-right .c-media { grid-column: 7/span 6; } .anniversary-group .media-duo.\:align-right .c-text { grid-column: 1/span 5; } } } @layer component_base { .article-hero figure { overflow: hidden; } .article-hero menu { display: flex; } .article-hero .e-btn { justify-self: flex-start; } .article-hero .hero-footer { display: flex; flex-direction: column; border: 1px solid var(--p-line); border-width: 1px 0 0 0; } @media (min-width: 596px) { .article-hero .hero-footer { flex-direction: row; justify-content: space-between; align-items: center; gap: clamp(20px, 5.1369vw + 1.5068px, 80px); } } .article-hero .hero-footer li { color: var(--p-caption); } .article-hero .hero-footer li.byline { color: var(--p-text); } .article-hero .hero-meta { display: flex; flex-direction: column; } @media (min-width: 596px) { .article-hero .hero-meta { flex-direction: row; flex-wrap: wrap; -moz-column-gap: clamp(20px, 5.1369vw + 1.5068px, 80px); column-gap: clamp(20px, 5.1369vw + 1.5068px, 80px); } } .article-hero .hero-meta li { margin-block: 0.1em; } .article-hero .social { gap: 20px; margin-top: clamp(28px, 1.0273vw + 24.3013px, 40px); } @media (min-width: 740px) { .article-hero .social { margin-top: 0; } } } @layer component_base { .button-group { grid-column: 1/-1; display: flex; gap: 20px; } } @layer component_base { .callout { grid-column: 1/-1; } .callout .title { grid-column: 1/-1; font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .callout .title { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { .callout .title { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { .callout .title { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .callout .title { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { .callout .title { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { .callout .title { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .callout .c-text { grid-column: 1/-1; } @media (min-width: 596px) { .callout .c-text { grid-column: 5/span 8; } } @media (min-width: 1084px) { .callout .c-text { grid-column: 7/span 6; } } .callout p { font-size: clamp(20px, 0.4381vw + 18.4227px, 20.4731px); line-height: clamp(26px, 0.7594vw + 23.266px, 26.8201px); letter-spacing: -0.01em; } @media (min-width: 468px) and (max-width: 595.98px) { .callout p { font-size: clamp(20.4731px, 0.4466vw + 18.3829px, 21.0448px); line-height: clamp(26.8201px, 0.7741vw + 23.1971px, 27.8111px); } } @media (min-width: 596px) and (max-width: 739.98px) { .callout p { font-size: clamp(21.0448px, 0.476vw + 18.2073px, 21.7304px); line-height: clamp(27.8111px, 0.8252vw + 22.8927px, 28.9994px); } } @media (min-width: 740px) and (max-width: 899.98px) { .callout p { font-size: clamp(21.7304px, 0.5106vw + 17.9519px, 22.5474px); line-height: clamp(28.9994px, 0.885vw + 22.45px, 30.4155px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .callout p { font-size: clamp(22.5474px, 0.5262vw + 17.8111px, 23.5157px); line-height: clamp(30.4155px, 0.9121vw + 22.2059px, 32.0939px); } } @media (min-width: 1084px) { .callout p { font-size: clamp(23.5157px, 0.5491vw + 17.5626px, 24.658px); line-height: clamp(32.0939px, 0.9519vw + 21.7752px, 34.0738px); } } @media (min-width: 1292px) { .callout p { font-size: clamp(24.658px, 0.5686vw + 17.3111px, 26px); line-height: clamp(34.0738px, 0.9856vw + 21.3393px, 36.4px); } } } @layer component_base { .callout-inset { position: relative; grid-column: 1/-1; padding-inline: clamp(28px, 4.452vw + 11.9726px, 80px); background: var(--p-fill); } .callout-inset::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: clamp(10px, 0.8561vw + 6.9178px, 20px); background: var(--p-fill); mix-blend-mode: multiply; opacity: 0.6; } .callout-inset > .p-inner { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; } @media (min-width: 740px) { .callout-inset > .p-inner { flex-direction: row; justify-content: space-between; align-items: center; gap: clamp(28px, 4.452vw + 11.9726px, 80px); } } .callout-inset .c-text { padding-block: clamp(28px, 2.7397vw + 18.1369px, 60px); } .callout-inset .c-image { padding-bottom: clamp(28px, 2.7397vw + 18.1369px, 60px); max-width: 240px; } @media (min-width: 740px) { .callout-inset .c-image { padding-block: calc(clamp(28px, 2.7397vw + 18.1369px, 60px) / 2); flex: 0 0 25%; max-width: 188px; } } .callout-inset p { margin-top: 0.55em; font-size: 14px; font-weight: 400; } .callout-inset a { font-size: 16px; font-weight: 700; text-transform: lowercase; } .callout-inset.service-callout .c-image { padding-block: 0; } @media (min-width: 740px) { .callout-inset.service-callout .c-image { align-self: flex-end; margin-top: -28px; } } } @layer component_base { .card-holder:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { padding-block: clamp(40px, 3.4246vw + 27.6712px, 80px); } .card-holder.\:version-2:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px); } } @layer component_local { .card-marquee > .p-inner > .c-inner { margin-bottom: calc(50px * -1); } } @layer component_base { .card-promo > .p-inner { padding-top: clamp(20px, 1.7123vw + 13.8356px, 40px); border-top: 1px solid var(--p-line); } .card-promo .c-card { grid-column: 1/-1; } } @layer component_local { .card-promo .section-header { align-items: flex-start; margin-top: 0; padding-top: 0; border-top: none; } } @layer component_base { @media (max-width: 739.98px) { .collage { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 2); } } } @layer component_base {} @layer component_base { .feed .card:first-child { margin-top: 0 !important; } .feed.\:arrange-grid .card { padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px); } .feed.\:arrange-grid .card::after { content: ""; position: absolute; left: 0; right: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * -1); top: auto; bottom: 0; display: block; border-bottom: 1px solid var(--p-line); } .feed.\:arrange-grid .card:last-child::after { right: 0; } .feed.\:arrange-grid .card .meta-header .event-date { font-size: 22px; font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: 27.5px; letter-spacing: 0px; font-variant-numeric: oldstyle-nums; } .feed.\:arrange-rows .card { padding-block: clamp(20px, 1.7123vw + 13.8356px, 40px); border-bottom: 1px solid var(--p-line); } .feed.\:arrange-grid.\:wrap-false .cards { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); padding-left: 0; translate: 0 0; overflow-x: auto; scroll-snap-type: x mandatory; display: flex; gap: 0; padding-bottom: 40px; } .feed.\:arrange-grid.\:wrap-false .card { box-sizing: content-box; flex: 0 0 260px; padding-left: clamp(20px, 1.7123vw + 13.8356px, 40px); scroll-snap-align: start; } .feed.\:arrange-grid.\:wrap-false .card::after { left: clamp(20px, 1.7123vw + 13.8356px, 40px); right: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * -1); } .feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3), .feed.\:arrange-grid.\:wrap-false .card:nth-child(1):nth-last-child(n+3) ~ * { flex-grow: 1; } .feed.\:arrange-grid.\:wrap-false .card:first-child { padding-left: clamp(20px, 2.0547vw + 12.6027px, 44px); } .feed.\:arrange-grid.\:wrap-false .card:first-child::after { left: clamp(20px, 2.0547vw + 12.6027px, 44px); } .feed.\:arrange-grid.\:wrap-false .card:last-child { padding-right: clamp(20px, 2.0547vw + 12.6027px, 44px); } .feed.\:arrange-grid.\:wrap-false .card:last-child::after { right: clamp(20px, 2.0547vw + 12.6027px, 44px); } [data-feed-items] { opacity: 1; transition: opacity 480ms cubic-bezier(0.42, 0, 0.32, 1); } [data-feed-items]:has(.work-card) { row-gap: clamp(48px, 2.7397vw + 38.1369px, 80px); } } @layer component_local { .feed.\:arrange-grid .card { padding: 0; } .feed.\:arrange-grid .card::after { display: none; } } @layer component_base { .filter { grid-column: 1/-1; } .filter .c-load-more { display: flex; justify-content: center; } .filter[data-is-active=false] .c-load-more .icon.\:icon-loading { display: none; } .filter[data-is-active=true] .c-load-more .icon.\:icon-more { display: none; } .filter[data-is-obsolete=true] [data-feed-items] { opacity: 0.3; pointer-events: none; } [data-filter-criteria] { display: flex; flex-direction: column; gap: clamp(20px, 0.3424vw + 18.7671px, 24px); } @media (min-width: 468px) { [data-filter-criteria] { flex-direction: row; flex-wrap: wrap; } } [data-filter-applied] { display: flex; flex-wrap: wrap; } [data-load-more]:not([href]) { opacity: 0; } } @layer component_local { .filter .feed { margin-top: 40px; } } @layer component_base { .site-footer { position: relative; display: grid; margin-top: auto; overflow: hidden; } .site-footer .c-site-logo { --p-icon: var(--p-footer-logo); position: absolute; inset: 0; z-index: 1; overflow: hidden; } .site-footer .c-site-logo svg { position: absolute; bottom: -5.5vw; width: 107vw; margin-left: -5vw; max-width: none; } @media (max-width: 899.98px) { .site-footer .c-site-logo { display: none; } } .site-footer > .p-inner { position: relative; z-index: 2; } .site-footer h4 { margin-bottom: 0.85em; text-align: center; } @media (max-width: 899.98px) { .site-footer .c-form { padding-top: clamp(54px, 6.3356vw + 31.1917px, 128px); padding-bottom: clamp(72px, 8.9041vw + 39.9452px, 176px); } } @media (min-width: 900px) { .site-footer .c-form { padding-top: clamp(64px, 4.7945vw + 46.7397px, 120px); padding-bottom: calc(32vw - 64px); } } .site-footer .c-form-inner { grid-area: 1/1/span 1/-1; } @media (min-width: 468px) { .site-footer .c-form-inner { grid-column: 2/span 10; } } @media (min-width: 596px) { .site-footer .c-form-inner { grid-column: 3/span 8; } } @media (min-width: 900px) { .site-footer .c-form-inner { grid-column: 4/span 6; } } @media (min-width: 1292px) { .site-footer .c-form-inner { grid-column: 5/span 4; } } .site-footer .c-form-footer { grid-column: 1/-1; opacity: 1; transition: opacity 240ms cubic-bezier(0.42, 0, 0.32, 1); } .site-footer .c-form-footer p { margin-top: 1.5em; font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; text-align: center; text-wrap: balance; } .site-footer .c-meta { position: relative; grid-area: 2/1/span 1/-1; font-size: 14px; font-weight: 400; } @media (min-width: 900px) { .site-footer .c-meta { margin-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } } .site-footer .c-meta-inner { display: flex; flex-direction: column; } @media (min-width: 900px) { .site-footer .c-meta-inner { flex-direction: row; justify-content: space-between; align-items: center; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } .site-footer .c-meta-inner::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; border-top: 1px solid var(--p-line-alt); } } @media (min-width: 1292px) { .site-footer .c-meta-inner > * { flex: 1 1 0; } } @media (max-width: 899.98px) { .site-footer .c-social { padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } } @media (min-width: 900px) { .site-footer .c-social { background-color: transparent; } } .site-footer .social { display: flex; align-items: center; gap: 20px; } .site-footer .social li:first-child:not(:last-child) { margin-right: auto; } @media (min-width: 900px) { .site-footer .social { justify-content: flex-end; } .site-footer .social li:first-child:not(:last-child) { margin-right: 1.25em; } .site-footer .footer-promo ~ .c-social .social { justify-content: center; } } .site-footer .c-legal { position: relative; } @media (max-width: 899.98px) { .site-footer .c-legal { padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } } @media (min-width: 900px) { .site-footer .c-legal { order: -1; background-color: transparent; } } .site-footer .c-legal p { margin: 0; opacity: 0.6; } .site-footer .c-legal .icon { --p-icon: var(--p-text); --icon-size: 16px; position: relative; top: 0.2em; display: inline-block; } .site-footer .c-legal-inner { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; -moz-column-gap: 20px; column-gap: 20px; row-gap: 0.25em; border-top: 1px solid var(--p-line-alt); } @media (min-width: 360px) { .site-footer .c-legal-inner { flex-direction: row; justify-content: space-between; align-items: baseline; } } @media (min-width: 900px) { .site-footer .c-legal-inner { flex-direction: column; justify-content: flex-start; align-items: flex-start; border-top: none; } } @media (min-width: 1292px) { .site-footer .c-legal-inner { flex-direction: row; align-items: baseline; } } @media (max-width: 899.98px) { .site-footer .c-social-inner, .site-footer .c-legal-inner { padding-block: 24px; } } @media (min-width: 900px) { .site-footer .c-meta-inner { padding-top: 16px; padding-bottom: 24px; } } } @layer component_local { main:has(> :last-child:is(.ro-flush, .rob-flush)) ~ .site-footer { margin-top: 0; } .site-footer form { --field-border-width: 1px; --field-border-color: var(--p-form-field-pair-empty-border); --field-bg-color: var(--p-form-field-pair-empty-bg); display: flex; border: var(--field-border-width) solid var(--field-border-color); border-radius: 100vw; background-color: var(--field-bg-color); } .site-footer form .gfield_label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .site-footer form input[type=email] { --field-border-width: 0; --field-padding-y: 0; margin: 0; height: 100%; border: none; background: none; } @media (max-width: 359.98px) { .site-footer form input[type=email] { --field-padding-x: 0.8em; } } .site-footer form:has(input[placeholder]:not(:-moz-placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-value-bg); --field-border-color: var(--p-form-field-pair-value-border); } .site-footer form:has(input[placeholder]:not(:placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-value-bg); --field-border-color: var(--p-form-field-pair-value-border); } .site-footer form:has(input:focus) { --field-bg-color: var(--p-form-field-pair-focus-bg); --field-border-color: var(--p-form-field-pair-focus-border); } .site-footer form:has(input:focus:not(:-moz-placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-focus-bg); --field-border-color: var(--p-form-field-pair-focus-border); } .site-footer form:has(input:focus:not(:placeholder-shown)) { --field-bg-color: var(--p-form-field-pair-focus-bg); --field-border-color: var(--p-form-field-pair-focus-border); } .site-footer form:has(input[aria-invalid=true]) { --field-bg-color: var(--p-form-field-pair-error-bg); --field-border-color: var(--p-form-field-pair-error-border); } .site-footer .gform-body { flex: 1 1 auto; } .site-footer h2.gform_submission_error, .site-footer .gfield_description { margin-block: 1.5em; font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; text-align: center; text-wrap: balance; } .site-footer .gfield_description { position: absolute; left: 0; top: 100%; width: 100%; } .site-footer .gform_fields { height: 100%; } .site-footer .gfield--type-email { height: 100%; } .site-footer .ginput_container { height: 100%; } .site-footer .gfield--type-honeypot { display: none; } .site-footer .c-form-inner:has(.gfield_description) ~ .c-form-footer { opacity: 0; } } @layer element_local { @media (max-width: 899.98px) { .footer-promo { padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } } @media (min-width: 900px) { .footer-promo { order: 1; } } .footer-promo > .p-inner { position: relative; } @media (min-width: 900px) { .footer-promo > .p-inner { display: flex; justify-content: flex-end; } } .footer-promo > .p-inner > div { display: flex; flex-direction: column; align-items: center; margin-inline: auto; width: -moz-fit-content; width: fit-content; overflow: hidden; } @media (min-width: 900px) { .footer-promo > .p-inner > div { flex-direction: row-reverse; gap: calc(20px / 3); margin-inline: 0; overflow: visible; } } .footer-promo p { text-wrap: balance; font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } @media (max-width: 899.98px) { .footer-promo p { margin-bottom: 0.85em; text-align: center; max-width: 400px; } } @media (min-width: 900px) { .footer-promo p { max-width: 250px; } } @media (hover: hover) { .footer-promo a:hover .shy { --link-color-text: var(--p-link-shy-hover-text); --link-color-bg: var(--p-link-shy-hover-bg); --link-underline-color-default: transparent; --link-underline-width-hover: 0.7em; --link-bg-size: 55%; --link-bg-position: 100%; } } .footer-promo .image { flex: 0 0 auto; width: 120px; aspect-ratio: 1; } @media (max-width: 899.98px) { .footer-promo .image { margin-bottom: -24px; } } @media (min-width: 900px) { .footer-promo .image { width: clamp(24px, 8.2191vw - 5.5891px, 120px); margin-top: clamp(-64px, 2.0547vw - 71.3973px, -40px); margin-bottom: clamp(-40px, -3.4247vw + 12.3287px, 0px); } } .footer-promo .image .e-media { aspect-ratio: 1; } .footer-promo .image .media-source { -o-object-fit: contain; object-fit: contain; } } @layer component_base { .footer-prompt { grid-column: 1/-1; } .footer-prompt > .p-inner { display: flex; flex-direction: column; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } @media (min-width: 740px) { .footer-prompt > .p-inner { flex-direction: row; justify-content: center; align-items: center; } } .footer-prompt > .p-inner > * { margin: 0; } .footer-prompt .title { position: relative; top: -0.04em; --p-text: var(--p-accent-1); } } @layer component_base { label { font-size: 22px; font-weight: 700; } .sublable { font-size: 18px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } } @layer component_base {} @layer component_base {} @layer component_local {} @layer component_base { .image-grid .c-inner { display: flex; flex-direction: column; gap: 0; } @media (min-width: 596px) { .image-grid .c-inner { flex-direction: row; } .image-grid .c-inner > * { flex: 1 1 0; } } } @layer component_base { @media (min-width: 740px) { .link-group menu { -moz-columns: 2; columns: 2; -moz-column-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); column-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } } .link-group li { padding-top: 0.85em; -moz-column-break-inside: avoid; break-inside: avoid-column; } .link-group a { display: inline-block; } } @layer component_local {} @layer component_base { .marquee { --marquee-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } .marquee > .p-inner > .c-inner { position: relative; z-index: 1; width: 100%; overflow: hidden; } .marquee > .p-inner > .c-title { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1); } @media (min-width: 1528px) { .marquee > .p-inner > .c-title { padding-inline: calc((100vw - 1440px) / 2); } } .marquee .c-rail { display: flex; translate: 0 0; animation: marquee-left var(--marquee-loop-time) linear infinite; } .marquee .c-group { flex: 0 0 auto; display: flex; gap: var(--marquee-gap); padding-right: var(--marquee-gap); transform: translate3d(0, 0, 0); } .marquee .c-marquee-control { position: relative; z-index: 2; padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } .marquee .c-marquee-control .btn { --btn-bg-color-off: var(--p-btn-v1-media-default-bg); } @keyframes marquee-left { 0% { translate: 0 0; } 100% { translate: calc(var(--marquee-group-width) * -1) 0; } } .marquee[data-playing=true] .marquee-toggle .icon.\:icon-play { display: none; } .marquee[data-playing=false] .c-rail { animation-play-state: paused; } .marquee[data-playing=false] .marquee-toggle .icon.\:icon-pause { display: none; } } @layer component_base { .masthead { position: absolute; left: 0; right: 0; top: 0; z-index: 1001; } .masthead > * { position: relative; z-index: 2; } .masthead a, .masthead .shy:not(a) { --link-color-text: var(--p-nav-link-default-text); --link-color-bg: var(--p-nav-link-default-bg); --link-underline-color-default: var(--p-nav-link-default-border); --link-underline-color-hover: var(--p-nav-link-hover-border); } @media (hover: hover) { .masthead a:hover, .masthead .shy:not(a):hover { --link-color-text: var(--p-nav-link-hover-text); --link-color-bg: var(--p-nav-link-hover-bg); --link-underline-color-default: transparent; } } .masthead a.\+secret { --link-color-bg: transparent; --link-underline-color-default: transparent; --link-underline-color-hover: transparent; --link-underline-color: transparent; } .masthead .shy.shy { --link-color-text: var(--p-nav-link-shy-default-text); --link-color-bg: var(--p-nav-link-shy-default-bg); --link-underline-color-default: transparent; } @media (hover: hover) { .masthead .shy.shy:hover { --link-color-text: var(--p-nav-link-shy-hover-text); --link-color-bg: var(--p-nav-link-shy-hover-bg); } } .masthead .submenu { display: none; } .masthead .c-site-logo { --logo-width: clamp(88px, 2.3972vw + 79.3698px, 116px); --logo-aspect: 0.431; --p-icon: var(--p-masthead-logo); position: relative; top: clamp(-4px, -0.1713vw - 1.3836px, -2px); flex: 0 1 var(--logo-width); order: 1; margin-right: auto; } .masthead .c-site-logo a { display: flex; align-items: center; padding: 0; height: calc(var(--logo-width) * var(--logo-aspect, 1)); border: none; background: transparent; text-decoration: none; box-shadow: none; } .masthead .c-site-logo .text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .masthead .c-site-logo svg { width: 100%; height: 104%; } .masthead .c-nav-mobile .btn.apply { flex: 1 1 auto; } .masthead .c-nav-mobile .c-inner { display: flex; flex-direction: column; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } .masthead .w-panel { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; display: grid; transition: grid-template-rows 240ms cubic-bezier(0, 0, 0.32, 1); } .masthead .w-panel > div { position: relative; z-index: 2; } .masthead .w-panel .overlay { position: fixed; inset: 0; z-index: 0; background: var(--p-nav-mobile-overlay-bg); opacity: 0; pointer-events: none; transition: opacity 240ms linear(0, 1); } .masthead .w-panel[data-is-active=true] .overlay { pointer-events: auto; opacity: 1; } .nav-mobile-toggle { position: static; } .nav-mobile-toggle[aria-expanded=false] .\:icon-close { display: none; } .nav-mobile-toggle[aria-expanded=true] .\:icon-menu { display: none; } .w-search .c-inner { display: flex; justify-content: center; align-items: center; gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } .w-search .c-field { flex-grow: 1; } @media (min-width: 596px) { .w-search .c-field { flex: 0 0 60vw; } } .w-search form[role=search] { display: flex; } .w-search label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .c-panel { display: block; padding: 56px; } .c-panel > .c-inner { margin-top: 56px; } .c-nav-desktop { --masthead-line-color: var(--p-line); display: grid; } .c-nav-desktop .btn.\:icon-only { --btn-border-color: transparent; --stroke-width: 2; --btn-padding-x: clamp(4px, 0.5136vw + 2.1506px, 10px); --btn-padding-y: clamp(4px, 0.5136vw + 2.1506px, 10px); } .palette-tracker[data-palette-hero="1"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p1); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p2); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t3); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-hero="2"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p2); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p1); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t2); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-hero="3"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p3); --p-link-hover-bg: var(--color-a2); --p-link-shy-hover-bg: var(--color-a2); --p-btn-v1-hover-bg: var(--color-p2); --p-btn-v1-active-bg: var(--color-p2); --p-btn-v2-hover-bg: var(--color-p2); --p-btn-v2-active-bg: var(--color-p2); --p-btn-v3-hover-bg: var(--color-p2); --p-btn-v3-active-bg: var(--color-p2); --p-btn-v4-hover-bg: var(--color-p2); --p-btn-v4-active-bg: var(--color-p2); } .palette-tracker[data-palette-hero="4"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p4); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-t1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t4); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t4); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t4); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t4); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t4); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-hero="5"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p5); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-hero="6"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p6); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-hero="7"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p7); --p-line: var(--color-o4); } .palette-tracker[data-palette-hero="8"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p8); --p-line: var(--color-o4); } .palette-tracker[data-palette-hero="9"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p9); --p-line: var(--color-o4); } .palette-tracker[data-palette-hero="10"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p10); --p-line: var(--color-o4); } .palette-tracker[data-palette-hero="11"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p11); --p-line: var(--color-o4); } .palette-tracker[data-palette-masthead="1"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p1); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p2); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t3); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); background: var(--p-fill); } .palette-tracker[data-palette-masthead="2"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p2); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p1); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t2); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); background: var(--p-fill); } .palette-tracker[data-palette-masthead="3"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p3); --p-link-hover-bg: var(--color-a2); --p-link-shy-hover-bg: var(--color-a2); --p-btn-v1-hover-bg: var(--color-p2); --p-btn-v1-active-bg: var(--color-p2); --p-btn-v2-hover-bg: var(--color-p2); --p-btn-v2-active-bg: var(--color-p2); --p-btn-v3-hover-bg: var(--color-p2); --p-btn-v3-active-bg: var(--color-p2); --p-btn-v4-hover-bg: var(--color-p2); --p-btn-v4-active-bg: var(--color-p2); background: var(--p-fill); } .palette-tracker[data-palette-masthead="4"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p4); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-t1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t4); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t4); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t4); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t4); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t4); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); background: var(--p-fill); } .palette-tracker[data-palette-masthead="5"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p5); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); background: var(--p-fill); } .palette-tracker[data-palette-masthead="6"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p6); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); background: var(--p-fill); } .palette-tracker[data-palette-masthead="7"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p7); --p-line: var(--color-o4); background: var(--p-fill); } .palette-tracker[data-palette-masthead="8"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p8); --p-line: var(--color-o4); background: var(--p-fill); } .palette-tracker[data-palette-masthead="9"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p9); --p-line: var(--color-o4); background: var(--p-fill); } .palette-tracker[data-palette-masthead="10"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p10); --p-line: var(--color-o4); background: var(--p-fill); } .palette-tracker[data-palette-masthead="11"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p11); --p-line: var(--color-o4); background: var(--p-fill); } .palette-tracker[data-palette-panel="1"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p1); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p2); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t3); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-panel="2"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p2); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p1); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t2); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-panel="3"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p3); --p-link-hover-bg: var(--color-a2); --p-link-shy-hover-bg: var(--color-a2); --p-btn-v1-hover-bg: var(--color-p2); --p-btn-v1-active-bg: var(--color-p2); --p-btn-v2-hover-bg: var(--color-p2); --p-btn-v2-active-bg: var(--color-p2); --p-btn-v3-hover-bg: var(--color-p2); --p-btn-v3-active-bg: var(--color-p2); --p-btn-v4-hover-bg: var(--color-p2); --p-btn-v4-active-bg: var(--color-p2); } .palette-tracker[data-palette-panel="4"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p4); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-t1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t4); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t4); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t4); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t4); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t4); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-panel="5"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p5); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4a); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-panel="6"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p6); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t4); --p-list-marker-1: var(--color-t4); --p-list-marker-2: var(--color-t4); --p-list-marker-3: var(--color-t4); --p-selection-bg: var(--color-a1); --p-selection-text: var(--color-t4); --p-highlight-bg: var(--color-a3a); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-a3a); --p-tag-text: var(--color-t4); --p-caption: var(--color-t5); --p-kicker: var(--color-t6); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t6); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3a); --p-link-hover-text: var(--color-t6); --p-link-hover-border: var(--color-a3a); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t6); --p-link-active-border: var(--color-a3a); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t6); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t6); --p-link-shy-hover-border: var(--color-a3a); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t4); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3a); --p-nav-link-hover-text: var(--color-t4); --p-nav-link-hover-border: var(--color-a3a); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t4); --p-nav-link-active-border: var(--color-a3a); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t4); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t4); --p-nav-link-shy-hover-border: var(--color-a3a); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o4); --p-line-alt: var(--color-o3); --p-icon: var(--color-a2); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t2); --p-form-empty-border: var(--color-o2); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o2); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t2); --p-form-disabled-border: var(--color-o2); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-p2); --p-form-field-pair-empty-border: var(--color-o4); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o4); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o4); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t4); --p-btn-v3-default-icon: var(--color-t4); --p-btn-v3-default-border: var(--color-o4); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o4); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t1); --p-btn-v3-active-border: var(--color-o4); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t5); --p-btn-v3-disabled-icon: var(--color-t5); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a14a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o4a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a14a); --p-pagination-active: var(--color-a14); --p-pagination-inactive: var(--color-a14a); --p-masthead-logo: var(--color-t4); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } .palette-tracker[data-palette-panel="7"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p7); --p-line: var(--color-o4); } .palette-tracker[data-palette-panel="8"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p8); --p-line: var(--color-o4); } .palette-tracker[data-palette-panel="9"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p9); --p-line: var(--color-o4); } .palette-tracker[data-palette-panel="10"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p10); --p-line: var(--color-o4); } .palette-tracker[data-palette-panel="11"] ~ .masthead .c-nav-desktop { --p-fill: var(--color-p11); --p-line: var(--color-o4); } .palette-tracker:not([data-palette-panel="0"]) ~ .masthead .c-nav-desktop { --masthead-line-color: transparent; } .c-nav-main { padding-block: clamp(18px, 0.5136vw + 16.1506px, 24px); width: 100%; } .c-nav-main > .c-inner { display: flex; justify-content: space-between; align-items: center; gap: clamp(8px, 2.7397vw - 1.8631px, 40px); padding-bottom: 16px; border-bottom: 1px solid var(--masthead-line-color); transition: border-bottom-color 240ms cubic-bezier(0.42, 0, 0.32, 1); } .c-nav-main .e-search { order: 3; display: flex; align-items: center; margin-left: 16px; } @media (min-width: 900px) { .c-nav-main .e-search { margin-left: 0; order: 3; } } .c-nav-main .btn.\:icon-only { width: calc(var(--icon-size, 28px) + var(--btn-padding-x) * 2); } @media (min-width: 900px) { .c-nav-main .btn.search { margin-left: calc(var(--btn-padding-x) * -1); } } .c-nav-main .e-toggle { order: 4; display: flex; align-items: center; margin-right: clamp(-12px, -0.3425vw - 6.7672px, -8px); } @media (min-width: 900px) { .c-nav-main .e-toggle { display: none; } } .nav-masthead-primary-desktop { order: 2; align-self: stretch; display: flex; gap: clamp(8px, 2.7397vw - 1.8631px, 40px); } @media (max-width: 899.98px) { .nav-masthead-primary-desktop { display: none; } } .nav-masthead-primary-desktop .nav-item { display: flex; align-items: center; font-size: 16px; font-weight: 400; text-transform: lowercase; } .nav-masthead-primary-desktop a { --link-bg-size: 0%; --link-bg-position: 100%; --icon-size: 24px; position: relative; display: inline-flex; } @media (hover: hover) { .nav-masthead-primary-desktop a:hover { --link-bg-size: 55%; --link-bg-position: 100%; } } .nav-masthead-primary-desktop a .icon { flex: 0 0 var(--icon-size); width: var(--icon-size); pointer-events: none; } .nav-masthead-primary-desktop a svg { position: absolute; top: 50%; right: 0; translate: 0 -50%; rotate: 90deg; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nav-masthead-primary-desktop .has-children { position: relative; } .nav-masthead-primary-desktop .has-children > div { position: absolute; left: 0; top: 100%; display: grid; grid-template-rows: 0fr; padding-top: 0; width: -moz-max-content; width: max-content; max-width: 280px; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nav-masthead-primary-desktop .has-children > div menu { padding: 0 24px; background: var(--p-fill); box-shadow: 0 3px 12px 0 #00000026; overflow: hidden; } .nav-masthead-primary-desktop .has-children .icon { display: none; } .nav-masthead-primary-desktop .has-children .nav-item { padding-block: 0.4em; font-size: 16px; font-weight: 400; text-transform: lowercase; } .nav-masthead-primary-desktop .has-children menu a { --link-bg-size: 0%; --link-bg-position: 100%; display: block; background: none; } .nav-masthead-primary-desktop .has-children menu a span { background: linear-gradient(var(--p-link-hover-bg), var(--p-link-hover-bg)); background-repeat: no-repeat; background-size: 100% var(--link-bg-size); background-position: 0 var(--link-bg-position); transition-property: color, background-color, background-size, background-position, text-decoration-color, text-underline-offset; transition-duration: 240ms; transition-timing-function: cubic-bezier(0.42, 0, 0.32, 1); } @media (hover: hover) { .nav-masthead-primary-desktop .has-children menu a:hover { --link-bg-size: 55%; --link-bg-position: 100%; } } .nav-masthead-primary-desktop .has-children menu > :first-child { margin-top: 14px; } .nav-masthead-primary-desktop .has-children menu > :last-child { margin-bottom: 14px; } @media (hover: hover) { .nav-masthead-primary-desktop .has-children:hover > a svg { rotate: -90deg; } .nav-masthead-primary-desktop .has-children:hover > div { grid-template-rows: 1fr; padding-top: calc(16px + 1px); } } .nav-masthead-primary-desktop .current-menu-item > a { font-weight: 700; } .nav-masthead-secondary-desktop { order: 4; display: flex; justify-content: flex-end; padding-block: 8px; gap: clamp(16px, 0.6849vw + 13.5342px, 24px); } .nav-masthead-secondary-desktop .nav-item { font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; } .nav-masthead-secondary-desktop a { --link-underline-offset: 0.3em; } @media (hover: hover) { .nav-masthead-secondary-desktop a:hover { --link-underline-offset: 0.3em; } } .nav-masthead-cta-desktop { order: 2; } @media (min-width: 900px) { .nav-masthead-cta-desktop { order: 5; } } .c-nav-secondary { order: -1; width: 100%; } @media (max-width: 899.98px) { .c-nav-secondary { display: none; } } .nav-masthead-primary-mobile .nav-item { font-size: 22px; font-weight: 400; text-transform: lowercase; border-top: 1px solid var(--p-line); } .nav-masthead-primary-mobile a { --icon-size: 36px; text-decoration: none; background: none; position: relative; display: flex; justify-content: space-between; padding-block: 0.55em; } .nav-masthead-primary-mobile span.toggle-button-wrapper { display: flex; justify-content: space-between; align-items: center; } .nav-masthead-primary-mobile span.toggle-button-wrapper .btn { --btn-padding-x: 12px; --btn-padding-y: 12px; --btn-bg-color-off: transparent; --btn-bg-color-on: transparent; --btn-icon-color: var(--color-a2); position: relative; left: 16px; border-radius: 0; } .nav-masthead-primary-mobile span.toggle-button-wrapper a { flex: 1 1 auto; } .nav-masthead-primary-mobile span.toggle-button-wrapper svg { rotate: 90deg; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nav-masthead-primary-mobile span.toggle-button-wrapper [aria-expanded=true] svg { rotate: -90deg; } .nav-masthead-primary-mobile .has-children { position: relative; } .nav-masthead-primary-mobile .has-children > div { left: 0; top: 100%; display: grid; padding-top: 0; transition: all 240ms cubic-bezier(0.42, 0, 0.32, 1); } .nav-masthead-primary-mobile .has-children > div menu { overflow: hidden; } .nav-masthead-primary-mobile .has-children .nav-item { font-size: 18px; font-weight: 300; text-transform: lowercase; border-top: none; } .nav-masthead-primary-mobile .has-children menu { margin-bottom: 40px; } @media (hover: hover) { .nav-masthead-primary-mobile .has-children:hover > a svg { rotate: -90deg; } } .nav-masthead-primary-mobile .current-menu-item > a { --link-underline-color: var(--p-link-active-border); --link-underline-offset: 0.25em; } } @layer component_base { .media-duo { grid-column: 1/-1; } .media-duo .c-media, .media-duo .c-text { grid-column: 1/-1; } .media-duo .c-text { margin-top: clamp(32px, 0.6849vw + 29.5342px, 40px); } .media-duo .c-text .btn { margin-top: clamp(24px, 0.6849vw + 21.5342px, 32px); } @media (min-width: 740px) { .media-duo .c-media { grid-column: auto/span 6; } .media-duo .c-text { grid-column: auto/span 6; margin-top: 0; } .media-duo.\:align-right .c-media { order: 1; } } @media (min-width: 1292px) { .media-duo .c-media { grid-column: auto/span 7; } .media-duo .c-text { grid-column: auto/span 5; } } .media-duo.\:sticky-true .c-text > .c-text-inner, .media-duo.\:sticky-true .c-media > .image { position: sticky; top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .media-duo.\:sticky-false > .p-inner { align-items: center; } .media-duo.header-list h5 { margin-top: 1.125em; padding-top: 1.125em; border-top: 1px solid var(--p-line); } .media-duo.header-list p { font-size: 18px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .media-duo ol { padding-left: 0; } .media-duo ol li { padding-left: 1.25em; padding-top: 0.85em; border-top: 1px solid var(--p-line); } .media-duo ol li::before { left: 0.55em; } .media-duo:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { padding-block: clamp(80px, 3.4246vw + 67.6712px, 120px); } } @layer component_base { .media-feature { position: relative; } .media-feature figcaption { grid-column: 1/-1; } @media (min-width: 468px) { .media-feature.\:width-narrow figure { --grid-columns: 12; } .media-feature.\:width-narrow figcaption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-narrow figure { --grid-columns: 10; } .media-feature.\:width-narrow figcaption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-narrow figcaption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-narrow figure { --grid-columns: 8; } .media-feature.\:width-narrow figcaption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-narrow figcaption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-narrow figure { --grid-columns: 6; } .media-feature.\:width-narrow figcaption { grid-column: 1/span 4; } } @media (min-width: 468px) { .media-feature.\:width-medium figure { --grid-columns: 12; } .media-feature.\:width-medium figcaption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-medium figure { --grid-columns: 10; } .media-feature.\:width-medium figcaption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-medium figcaption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-medium figure { --grid-columns: 8; } .media-feature.\:width-medium figcaption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-medium figcaption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-medium figcaption { grid-column: 2/span 4; } } @media (min-width: 468px) { .media-feature.\:width-wide figure { --grid-columns: 12; } .media-feature.\:width-wide figcaption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-wide figure { --grid-columns: 10; } .media-feature.\:width-wide figcaption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-wide figcaption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-wide figcaption { grid-column: 2/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-wide figcaption { grid-column: 2/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-wide figcaption { grid-column: 3/span 4; } } @media (min-width: 468px) { .media-feature.\:width-full figure { --grid-columns: 12; } .media-feature.\:width-full figcaption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-full figcaption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-full figcaption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-full figcaption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-full figcaption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-full figcaption { grid-column: 1/span 4; } } .media-feature.\:width-bleed figure { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1); } @media (min-width: 1528px) { .media-feature.\:width-bleed figure { padding-inline: calc((100vw - 1440px) / 2); } } .media-feature.\:width-bleed .e-media { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); width: auto; } @media (min-width: 1528px) { .media-feature.\:width-bleed .e-media { margin-inline: calc((100vw - 1440px) / -2); } } @media (min-width: 468px) { .media-feature.\:width-bleed figure { --grid-columns: 12; } .media-feature.\:width-bleed figcaption { grid-column: 1/span 10; } } @media (min-width: 596px) { .media-feature.\:width-bleed figcaption { grid-column: 1/span 8; } } @media (min-width: 740px) { .media-feature.\:width-bleed figcaption { grid-column: 1/span 7; } } @media (min-width: 900px) { .media-feature.\:width-bleed figcaption { grid-column: 1/span 6; } } @media (min-width: 1084px) { .media-feature.\:width-bleed figcaption { grid-column: 1/span 5; } } @media (min-width: 1292px) { .media-feature.\:width-bleed figcaption { grid-column: 1/span 4; } } .media-feature:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { margin-block: clamp(48px, 2.7397vw + 38.1369px, 80px); padding-block: clamp(40px, 3.4246vw + 27.6712px, 80px); } } @layer component_local { .media-feature.\:space-below-reduce:has(+ .wysiwyg, + .media-feature):not(.\:width-narrow) { margin-bottom: calc(clamp(80px, 3.4246vw + 67.6712px, 120px) / 2); } .media-feature.\:space-below-reduce:has(+ .wysiwyg, + .media-feature).\:width-narrow { margin-bottom: calc(clamp(48px, 2.7397vw + 38.1369px, 80px) / 2); } .media-feature.\:space-below-remove:has(+ .wysiwyg, + .media-feature) { margin-bottom: 0; } .media-feature:not(.video-feature):has(.video).\:width-bleed .c-video-control { left: clamp(20px, 2.0547vw + 12.6027px, 44px); bottom: clamp(20px, 2.0547vw + 12.6027px, 44px); } .media-feature:not(.video-feature):has(.video).\:width-bleed .video .c-image { inset: 0 0 1px 0; } } @layer component_local { .page-hero h1 { margin-bottom: 0; } } @layer component_local { .person-hero .c-image.person-color-1 .image { background: var(--p-accent-7); } .person-hero .c-image.person-color-2 .image { background: var(--p-accent-5); } .person-hero .c-image.person-color-3 .image { background: var(--p-accent-10); } .person-hero .c-image.person-color-4 .image { background: var(--p-accent-12); } .person-hero .c-image.person-color-5 .image { background: var(--p-accent-9); } .person-hero .c-image.person-color-6 .image { background: var(--p-accent-6); } @media (max-width: 739.98px) { .person-hero .title { font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } } @media (max-width: 739.98px) and (min-width: 468px) and (max-width: 595.98px) { .person-hero .title { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (max-width: 739.98px) and (min-width: 596px) and (max-width: 739.98px) { .person-hero .title { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (max-width: 739.98px) and (min-width: 740px) and (max-width: 899.98px) { .person-hero .title { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (max-width: 739.98px) and (min-width: 900px) and (max-width: 1083.98px) { .person-hero .title { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (max-width: 739.98px) and (min-width: 1084px) { .person-hero .title { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (max-width: 739.98px) and (min-width: 1292px) { .person-hero .title { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } @media (min-width: 740px) { .person-hero .title { font-size: clamp(28px, 4.5273vw + 11.7015px, 32.8895px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } } @media (min-width: 740px) and (min-width: 468px) and (max-width: 595.98px) { .person-hero .title { font-size: clamp(32.8895px, 4.6151vw + 11.2904px, 38.7969px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 740px) and (min-width: 596px) and (max-width: 739.98px) { .person-hero .title { font-size: clamp(38.7969px, 4.9196vw + 9.4759px, 45.8812px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (min-width: 740px) and (max-width: 899.98px) { .person-hero .title { font-size: clamp(45.8812px, 5.2763vw + 6.8366px, 54.3233px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 740px) and (min-width: 900px) and (max-width: 1083.98px) { .person-hero .title { font-size: clamp(54.3233px, 5.4379vw + 5.3818px, 64.3291px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 740px) and (min-width: 1084px) { .person-hero .title { font-size: clamp(64.3291px, 5.6748vw + 2.8141px, 76.1327px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 740px) and (min-width: 1292px) { .person-hero .title { font-size: clamp(76.1327px, 5.8759vw + 0.2153px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .person-hero .title + p { margin-top: 0.85em; } .person-hero .kicker { --icon-size: 12px; --stroke-width: 1.4; flex-direction: row-reverse; } .person-hero .kicker .icon { order: -1; rotate: 180deg; } .person-hero .pronouns { margin-top: 0.55em; font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; } @media (max-width: 739.98px) { .person-hero .c-image { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .person-hero .title { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .person-hero .hero-footer { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } } @media (min-width: 596px) { .person-hero .c-text { position: relative; top: clamp(4px, 1.3698vw - 0.9316px, 20px); margin-bottom: clamp(4px, 1.3698vw - 0.9316px, 20px); } } .person-hero > .c-inner > .c-image figure { -webkit-clip-path: circle(closest-side); clip-path: circle(closest-side); } .person-hero .hero-footer { align-items: flex-start; } @media (min-width: 360px) { .person-hero > .c-inner > .c-image { grid-column: 1/span 4; } } @media (min-width: 468px) { .person-hero > .c-inner > .c-image { grid-column: 1/span 6; } } @media (min-width: 596px) { .person-hero > .c-inner > .c-image { grid-column: 1/span 3; } .person-hero > .c-inner > .c-text { grid-column: auto/span 9; } } @media (min-width: 740px) { .person-hero > .c-inner > .c-image { grid-area: 1/1/span 1/span 3; } .person-hero > .c-inner > .c-text { grid-area: 1/auto/span 1/span 6; } .person-hero .hero-footer { position: relative; top: clamp(4px, 1.3698vw - 0.9316px, 20px); grid-area: 1/auto/span 1/span 3; margin-bottom: clamp(4px, 1.3698vw - 0.9316px, 20px); border-width: 0 0 0 1px; } .person-hero > .c-inner:has(.kicker) > .c-image { padding-left: calc(clamp(16px, 0.6849vw + 13.5342px, 24px) + 12px); } .person-hero > .c-inner:has(.kicker) > .c-text { padding-left: 0; } .person-hero .hero-footer { padding-left: clamp(20px, 1.7123vw + 13.8356px, 40px); } .person-hero .social { flex-direction: column; } .person-hero .kicker { position: relative; } .person-hero .kicker .text { position: relative; bottom: 26px; } .person-hero .kicker .icon { position: absolute; right: 2px; bottom: 0; order: unset; rotate: 0deg; } } } @layer component_base { .person-landing-sidebar-group { display: flex; flex-direction: column; } } @layer component_local { .person-promo .section-header { margin-bottom: clamp(24px, 0.6849vw + 21.5342px, 32px); } @media (min-width: 740px) { .person-promo .section-header { grid-column: 1/span 5; } } @media (min-width: 900px) and (max-width: 1083.98px) { .person-promo .section-header { grid-column: 1/span 4; } } .person-promo .c-card { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); margin-bottom: calc(clamp(40px, 3.4246vw + 27.6712px, 80px) * -1); } @media (min-width: 740px) { .person-promo .c-card { margin: 0; grid-column: 6/span 7; } } @media (min-width: 900px) and (max-width: 1083.98px) { .person-promo .c-card { grid-column: 5/span 8; } } @media (min-width: 900px) { .person-promo .person-card .c-inner { display: flex; align-items: center; gap: 0 clamp(20px, 1.7123vw + 13.8356px, 40px); } .person-promo .person-card .c-image, .person-promo .person-card .c-text { flex: 1 1 0; } .person-promo .person-card .title { margin-top: 0; } } @media (hover: hover) { .person-promo .person-card:hover { --p-fill: var(--color-p1); --p-overlay-bg: var(--color-a16a); --p-text: var(--color-t1); --p-list-marker-1: var(--color-t1); --p-list-marker-2: var(--color-t1); --p-list-marker-3: var(--color-t1); --p-selection-bg: var(--color-a5); --p-selection-text: var(--color-t1); --p-highlight-bg: var(--color-a3); --p-highlight-text: var(--color-a2); --p-lowlight-bg: var(--color-a99); --p-lowlight-text: var(--color-a99); --p-tag-bg: var(--color-p2); --p-tag-text: var(--color-t1); --p-caption: var(--color-t2); --p-kicker: var(--color-t3); --p-error: var(--color-t7); --p-link-default-bg: var(--color-a0); --p-link-default-text: var(--color-t1); --p-link-default-border: var(--color-a2); --p-link-hover-bg: var(--color-a3); --p-link-hover-text: var(--color-t1); --p-link-hover-border: var(--color-a0); --p-link-active-bg: var(--color-a0); --p-link-active-text: var(--color-t1); --p-link-active-border: var(--color-a3); --p-link-shy-default-bg: var(--color-a0); --p-link-shy-default-text: var(--color-t3); --p-link-shy-default-border: var(--color-a0); --p-link-shy-hover-bg: var(--color-a0); --p-link-shy-hover-text: var(--color-t3); --p-link-shy-hover-border: var(--color-a3); --p-nav-link-default-bg: var(--color-a0); --p-nav-link-default-text: var(--color-t1); --p-nav-link-default-border: var(--color-a2); --p-nav-link-hover-bg: var(--color-a3); --p-nav-link-hover-text: var(--color-t1); --p-nav-link-hover-border: var(--color-a0); --p-nav-link-active-bg: var(--color-a0); --p-nav-link-active-text: var(--color-t1); --p-nav-link-active-border: var(--color-a3); --p-nav-link-shy-default-bg: var(--color-a0); --p-nav-link-shy-default-text: var(--color-t1); --p-nav-link-shy-default-border: var(--color-a0); --p-nav-link-shy-hover-bg: var(--color-a0); --p-nav-link-shy-hover-text: var(--color-t1); --p-nav-link-shy-hover-border: var(--color-a3); --p-accent-1: var(--color-a1); --p-accent-2: var(--color-a2); --p-accent-3: var(--color-a3); --p-accent-4: var(--color-a4); --p-accent-5: var(--color-a5); --p-accent-6: var(--color-a6); --p-accent-7: var(--color-a7); --p-accent-8: var(--color-a8); --p-accent-9: var(--color-a9); --p-accent-10: var(--color-a10); --p-accent-11: var(--color-a11); --p-accent-12: var(--color-a12); --p-line: var(--color-o1a); --p-line-alt: var(--color-o1); --p-icon: var(--color-a1); --p-icon-subtle: var(--color-t2); --p-form-empty-bg: var(--color-p2); --p-form-empty-text: var(--color-t5); --p-form-empty-border: var(--color-o1a); --p-form-value-bg: var(--color-p2); --p-form-value-text: var(--color-t1); --p-form-value-border: var(--color-o1); --p-form-focus-bg: var(--color-p2); --p-form-focus-text: var(--color-t1); --p-form-focus-border: var(--color-o3); --p-form-error-bg: var(--color-p2); --p-form-error-text: var(--color-t1); --p-form-error-border: var(--color-o5); --p-form-disabled-bg: var(--color-p2); --p-form-disabled-text: var(--color-t5); --p-form-disabled-border: var(--color-o1a); --p-form-ui: var(--color-t1); --p-form-field-pair-empty-bg: var(--color-o4); --p-form-field-pair-empty-border: var(--color-o2); --p-form-field-pair-value-bg: var(--color-p2); --p-form-field-pair-value-border: var(--color-o2); --p-form-field-pair-focus-bg: var(--color-p2); --p-form-field-pair-focus-border: var(--color-o3); --p-form-field-pair-error-bg: var(--color-p2); --p-form-field-pair-error-border: var(--color-o5); --p-form-field-pair-disabled-bg: var(--color-p2); --p-form-field-pair-disabled-border: var(--color-o2); --p-btn-v1-default-bg: var(--color-a1); --p-btn-v1-default-text: var(--color-t4); --p-btn-v1-default-icon: var(--color-t4); --p-btn-v1-default-border: var(--color-a0); --p-btn-v1-hover-bg: var(--color-a3); --p-btn-v1-hover-text: var(--color-t1); --p-btn-v1-hover-icon: var(--color-t3); --p-btn-v1-hover-border: var(--color-a0); --p-btn-v1-active-bg: var(--color-a3); --p-btn-v1-active-text: var(--color-t1); --p-btn-v1-active-icon: var(--color-t3); --p-btn-v1-active-border: var(--color-a0); --p-btn-v1-disabled-bg: var(--color-a13); --p-btn-v1-disabled-text: var(--color-t1); --p-btn-v1-disabled-icon: var(--color-t1); --p-btn-v1-disabled-border: var(--color-a0); --p-btn-v2-default-bg: var(--color-a2); --p-btn-v2-default-text: var(--color-t1); --p-btn-v2-default-icon: var(--color-t3); --p-btn-v2-default-border: var(--color-a0); --p-btn-v2-hover-bg: var(--color-a3); --p-btn-v2-hover-text: var(--color-t1); --p-btn-v2-hover-icon: var(--color-t3); --p-btn-v2-hover-border: var(--color-a0); --p-btn-v2-active-bg: var(--color-a3); --p-btn-v2-active-text: var(--color-t1); --p-btn-v2-active-icon: var(--color-t3); --p-btn-v2-active-border: var(--color-a0); --p-btn-v2-disabled-bg: var(--color-a13); --p-btn-v2-disabled-text: var(--color-t1); --p-btn-v2-disabled-icon: var(--color-t1); --p-btn-v2-disabled-border: var(--color-a0); --p-btn-v3-default-bg: var(--color-a0); --p-btn-v3-default-text: var(--color-t1); --p-btn-v3-default-icon: var(--color-t3); --p-btn-v3-default-border: var(--color-o1); --p-btn-v3-hover-bg: var(--color-a3); --p-btn-v3-hover-text: var(--color-t1); --p-btn-v3-hover-icon: var(--color-t3); --p-btn-v3-hover-border: var(--color-o1); --p-btn-v3-active-bg: var(--color-a3); --p-btn-v3-active-text: var(--color-t1); --p-btn-v3-active-icon: var(--color-t3); --p-btn-v3-active-border: var(--color-o1); --p-btn-v3-disabled-bg: var(--color-a0); --p-btn-v3-disabled-text: var(--color-t1); --p-btn-v3-disabled-icon: var(--color-t1); --p-btn-v3-disabled-border: var(--color-o2); --p-btn-v4-default-bg: var(--color-a0); --p-btn-v4-default-text: var(--color-t1); --p-btn-v4-default-icon: var(--color-t3); --p-btn-v4-default-border: var(--color-a0); --p-btn-v4-hover-bg: var(--color-a3); --p-btn-v4-hover-text: var(--color-t1); --p-btn-v4-hover-icon: var(--color-t3); --p-btn-v4-hover-border: var(--color-a0); --p-btn-v4-active-bg: var(--color-a3); --p-btn-v4-active-text: var(--color-t1); --p-btn-v4-active-icon: var(--color-t3); --p-btn-v4-active-border: var(--color-a0); --p-btn-v4-disabled-bg: var(--color-a0); --p-btn-v4-disabled-text: var(--color-t1); --p-btn-v4-disabled-icon: var(--color-t1); --p-btn-v4-disabled-border: var(--color-a0); --p-btn-v1-media-default-bg: var(--color-a16a); --p-btn-v1-media-default-text: var(--color-t3); --p-btn-v1-media-default-icon: var(--color-t3); --p-btn-v1-media-default-border: var(--color-a7); --p-btn-v1-media-hover-bg: var(--color-a5); --p-btn-v1-media-hover-text: var(--color-t3); --p-btn-v1-media-hover-icon: var(--color-t3); --p-btn-v1-media-hover-border: var(--color-a5); --p-btn-v1-media-active-bg: var(--color-a5); --p-btn-v1-media-active-text: var(--color-t3); --p-btn-v1-media-active-icon: var(--color-t3); --p-btn-v1-media-active-border: var(--color-a5); --p-btn-v1-media-disabled-bg: var(--color-a7); --p-btn-v1-media-disabled-text: var(--color-t3a); --p-btn-v1-media-disabled-icon: var(--color-t3a); --p-btn-v1-media-disabled-border: var(--color-a7); --p-btn-v3i-default-border: var(--color-o1a); --p-tab-default-bg: var(--color-a0); --p-tab-default-text: var(--color-t1); --p-tab-default-border: var(--color-a0); --p-tab-hover-bg: var(--color-a0); --p-tab-hover-text: var(--color-t2); --p-tab-hover-border: var(--color-a0); --p-tab-active-bg: var(--color-a7); --p-tab-active-text: var(--color-t3); --p-tab-active-border: var(--color-a0); --p-tab-disabled-bg: var(--color-a0); --p-tab-disabled-text: var(--color-t2a); --p-tab-disabled-border: var(--color-a0); --p-image-bg: var(--color-a15a); --p-pagination-active: var(--color-a1); --p-pagination-inactive: var(--color-a15a); --p-masthead-logo: var(--color-t3); --p-footer-logo: var(--color-s1); --p-nav-dropdown-bg: var(--color-a6); --p-nav-mobile-overlay-bg: var(--color-a16a); } } .person-promo .title { font-size: clamp(32px, 1.1683vw + 27.7939px, 33.2618px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 500; line-height: clamp(40px, 1.1099vw + 36.0042px, 41.1987px); letter-spacing: clamp(-0.0379px, -0.0351vw + 0.1261px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .person-promo .title { font-size: clamp(33.2618px, 1.191vw + 27.6878px, 34.7863px); line-height: clamp(41.1987px, 1.1314vw + 35.9034px, 42.647px); letter-spacing: clamp(-0.0836px, -0.0358vw + 0.1293px, -0.0379px); } } @media (min-width: 596px) and (max-width: 739.98px) { .person-promo .title { font-size: clamp(34.7863px, 1.2695vw + 27.2196px, 36.6145px); line-height: clamp(42.647px, 1.2061vw + 35.4586px, 44.3837px); letter-spacing: clamp(-0.1385px, -0.0381vw + 0.1434px, -0.0836px); } } @media (min-width: 740px) and (max-width: 899.98px) { .person-promo .title { font-size: clamp(36.6145px, 1.3616vw + 26.5384px, 38.7931px); line-height: clamp(44.3837px, 1.2935vw + 34.8115px, 46.4534px); letter-spacing: clamp(-0.2038px, -0.0409vw + 0.1638px, -0.1385px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .person-promo .title { font-size: clamp(38.7931px, 1.4033vw + 26.163px, 41.3752px); line-height: clamp(46.4534px, 1.3331vw + 34.4549px, 48.9064px); letter-spacing: clamp(-0.2813px, -0.0422vw + 0.1751px, -0.2038px); } } @media (min-width: 1084px) { .person-promo .title { font-size: clamp(41.3752px, 1.4644vw + 25.5004px, 44.4213px); line-height: clamp(48.9064px, 1.3912vw + 33.8254px, 51.8002px); letter-spacing: clamp(-0.3727px, -0.044vw + 0.1949px, -0.2813px); } } @media (min-width: 1292px) { .person-promo .title { font-size: clamp(44.4213px, 1.5163vw + 24.8297px, 48px); line-height: clamp(51.8002px, 1.4405vw + 33.1882px, 55.2px); letter-spacing: clamp(-0.48px, -0.0455vw + 0.2151px, -0.3727px); } } .person-promo .role { font-size: clamp(18px, 0.146vw + 17.4742px, 18.1577px); font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .person-promo .role { font-size: clamp(18.1577px, 0.1488vw + 17.4609px, 18.3482px); } } @media (min-width: 596px) and (max-width: 739.98px) { .person-promo .role { font-size: clamp(18.3482px, 0.1586vw + 17.4024px, 18.5768px); } } @media (min-width: 740px) and (max-width: 899.98px) { .person-promo .role { font-size: clamp(18.5768px, 0.1702vw + 17.3173px, 18.8491px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .person-promo .role { font-size: clamp(18.8491px, 0.1754vw + 17.2703px, 19.1719px); } } @media (min-width: 1084px) { .person-promo .role { font-size: clamp(19.1719px, 0.183vw + 17.1875px, 19.5526px); } } @media (min-width: 1292px) { .person-promo .role { font-size: clamp(19.5526px, 0.1895vw + 17.1037px, 20px); } } .person-promo .abstract { margin-top: 1.5em; padding-top: 0.85em; border-top: 1px solid var(--p-line); font-size: 14px; font-weight: 400; --p-caption: var(--p-text); } } @layer component_local { .post-hero .c-text { position: relative; z-index: 1; } .post-hero .c-image { order: unset; margin-top: clamp(32px, 0.6849vw + 29.5342px, 40px); } @media (min-width: 596px) { .post-hero .c-image { margin-top: 0; } } .post-hero .meta-header { margin-top: 0; } } @layer component_base {} @layer component_base { .service-pricing { grid-column: 1/-1; } .service-pricing > .p-inner { align-items: flex-start; } .service-tiers { grid-column: 1/-1; border-radius: clamp(10px, 0.8561vw + 6.9178px, 20px); overflow: hidden; } @media (min-width: 1084px) { .service-tiers { grid-column: auto/span 8; } } .service-power-ups { grid-column: 1/-1; margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } @media (min-width: 1084px) { .service-power-ups { grid-column: auto/span 4; margin-top: 0; } } .service-power-ups ul, .service-power-ups li { list-style: none; margin-inline: 0; padding-inline: 0; } .service-power-ups li { margin: 0; padding-block: clamp(28px, 1.0273vw + 24.3013px, 40px); border-top: 1px solid var(--p-line); } .service-power-ups li:first-child { padding-top: 0; border-top: none; } .service-power-ups li::before { display: none; } .service-power-ups ul { margin-top: clamp(32px, 1.3698vw + 27.0684px, 48px); } .service-power-ups li { grid-column: 1/-1; } @media (min-width: 596px) { .service-power-ups li { grid-column: auto/span 1; } } @media (min-width: 1084px) { .service-power-ups li { grid-column: 1/-1; } } @media (min-width: 596px) and (max-width: 1083.98px) { .service-power-ups li:nth-child(2) { padding-top: 0; border-top: none; } } .service-power-ups li:last-child { border-top: none; } .service-power-ups .title { margin-bottom: 0; } .service-power-ups .price { margin-top: 0.25em; margin-bottom: 0.55em; font-variant-numeric: lining-nums; } .service-power-ups p:first-child { font-size: 14px; font-weight: 700; } .service-power-ups .btn { margin-top: 0.85em; } } @layer component_base {} @layer component_base { .slideshow { --swiper-pagination-bullet-horizontal-gap: 3px; --swiper-pagination-bullet-size: 10px; --swiper-pagination-color: var(--p-pagination-active); --swiper-pagination-bullet-inactive-color: var(--p-pagination-inactive); --swiper-pagination-bullet-inactive-opacity: 1; } .slideshow > .p-inner > .c-inner { position: relative; } .slideshow.\:width-bleed > .p-inner > .c-title { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1); } @media (min-width: 1528px) { .slideshow.\:width-bleed > .p-inner > .c-title { padding-inline: calc((100vw - 1440px) / 2); } } .slideshow .swiper { width: 100%; height: auto; } .slideshow[data-slideshow-common-caption=true] .swiper figcaption { display: none; } .slideshow .swiper-wrapper { align-items: center; } .slideshow .swiper-slide { height: auto; } .slideshow footer { width: calc(55.6vw - 18px); opacity: 1; transition: all 480ms cubic-bezier(0.42, 0, 0.32, 1); } .slideshow footer[data-is-active=false] { opacity: 0; } .slideshow footer .c-index, .slideshow footer .c-text { grid-column: 1/-1; } .slideshow footer .c-index { font-size: 14px; font-weight: 700; font-variant-numeric: lining-nums; word-spacing: 0.25em; white-space: nowrap; } @media (min-width: 596px) { .slideshow footer .c-index { grid-column: 1/span 2; } } @media (min-width: 900px) { .slideshow footer .c-index { grid-column: 1/span 1; } } .slideshow footer .c-text { max-width: 484px; } @media (min-width: 596px) { .slideshow footer .c-text { grid-column: auto/span 6; } } @media (min-width: 900px) { .slideshow footer .c-text { grid-column: auto/span 7; } } .slideshow.\:pagination-true .swiper-slide { padding-bottom: 60px; } .slideshow-nav-btn { position: absolute; top: 50%; z-index: 10; } .slideshow-nav-btn.prev { left: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * -1); translate: -100% -50%; } .slideshow-nav-btn.next { right: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) * -1); translate: 100% -50%; } @media (max-width: 739.98px) { .slideshow-nav-btn { display: none; } } .slideshow.\:width-bleed .slideshow-nav-btn.prev { left: calc(19.28vw - 2px); translate: -50% -50%; } .slideshow.\:width-bleed .slideshow-nav-btn.next { right: calc(19.28vw - 2px); translate: 50% -50%; } } @layer component_base { .statistic-feature .statistic { text-align: center; } .statistic-feature .statistic p { font-size: clamp(32px, 3.7971vw + 18.3303px, 36.1009px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.0663px, -0.0614vw + 0.2208px, 0px); font-variant-numeric: lining-nums; text-wrap: balance; } @media (min-width: 468px) and (max-width: 595.98px) { .statistic-feature .statistic p { font-size: clamp(36.1009px, 3.8708vw + 17.9855px, 41.0555px); letter-spacing: clamp(-0.1463px, -0.0626vw + 0.2263px, -0.0663px); } } @media (min-width: 596px) and (max-width: 739.98px) { .statistic-feature .statistic p { font-size: clamp(41.0555px, 4.1261vw + 16.4637px, 46.9971px); letter-spacing: clamp(-0.2423px, -0.0667vw + 0.2509px, -0.1463px); } } @media (min-width: 740px) and (max-width: 899.98px) { .statistic-feature .statistic p { font-size: clamp(46.9971px, 4.4252vw + 14.25px, 54.0776px); letter-spacing: clamp(-0.3567px, -0.0715vw + 0.2867px, -0.2423px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .statistic-feature .statistic p { font-size: clamp(54.0776px, 4.5608vw + 13.0299px, 62.4695px); letter-spacing: clamp(-0.4923px, -0.0737vw + 0.3064px, -0.3567px); } } @media (min-width: 1084px) { .statistic-feature .statistic p { font-size: clamp(62.4695px, 4.7595vw + 10.8764px, 72.3693px); letter-spacing: clamp(-0.6522px, -0.0769vw + 0.3412px, -0.4923px); } } @media (min-width: 1292px) { .statistic-feature .statistic p { font-size: clamp(72.3693px, 4.9282vw + 8.6967px, 84px); letter-spacing: clamp(-0.84px, -0.0797vw + 0.3764px, -0.6522px); } } .statistic-feature .statistic .c-number, .statistic-feature .statistic .c-text { display: inline; } .statistic-feature .statistic .c-number { margin-inline: -0.08em; padding-inline: 0.08em; background: linear-gradient(var(--p-highlight-bg), var(--p-highlight-bg)); background-repeat: no-repeat; background-size: 100% 44%; background-position: 0 82%; font-weight: inherit; } } @layer component_base { .statistic-group .c-inner { row-gap: clamp(48px, 2.7397vw + 38.1369px, 80px); } .statistic-group h3 { margin-bottom: 1.25em; text-align: center; } .statistic-group .statistic { padding-left: 16px; border-left: 1px solid var(--p-line); } .statistic-group .c-number { font-size: clamp(32px, 3.7971vw + 18.3303px, 36.1009px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.0663px, -0.0614vw + 0.2208px, 0px); font-variant-numeric: lining-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .statistic-group .c-number { font-size: clamp(36.1009px, 3.8708vw + 17.9855px, 41.0555px); letter-spacing: clamp(-0.1463px, -0.0626vw + 0.2263px, -0.0663px); } } @media (min-width: 596px) and (max-width: 739.98px) { .statistic-group .c-number { font-size: clamp(41.0555px, 4.1261vw + 16.4637px, 46.9971px); letter-spacing: clamp(-0.2423px, -0.0667vw + 0.2509px, -0.1463px); } } @media (min-width: 740px) and (max-width: 899.98px) { .statistic-group .c-number { font-size: clamp(46.9971px, 4.4252vw + 14.25px, 54.0776px); letter-spacing: clamp(-0.3567px, -0.0715vw + 0.2867px, -0.2423px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .statistic-group .c-number { font-size: clamp(54.0776px, 4.5608vw + 13.0299px, 62.4695px); letter-spacing: clamp(-0.4923px, -0.0737vw + 0.3064px, -0.3567px); } } @media (min-width: 1084px) { .statistic-group .c-number { font-size: clamp(62.4695px, 4.7595vw + 10.8764px, 72.3693px); letter-spacing: clamp(-0.6522px, -0.0769vw + 0.3412px, -0.4923px); } } @media (min-width: 1292px) { .statistic-group .c-number { font-size: clamp(72.3693px, 4.9282vw + 8.6967px, 84px); letter-spacing: clamp(-0.84px, -0.0797vw + 0.3764px, -0.6522px); } } .statistic-group .statistic { grid-column: 1/-1; } @media (min-width: 468px) { .statistic-group .statistic { grid-column: 3/span 8; } } @media (min-width: 596px) { .statistic-group .statistic { grid-column: auto/span 6; } } @media (min-width: 900px) { .statistic-group .statistic { grid-column: auto/span 3; } } @media (min-width: 596px) { .statistic-group .statistic:nth-child(1):nth-last-child(1) { grid-column: 4/span 6; } } @media (min-width: 900px) { .statistic-group .statistic:nth-child(1):nth-last-child(1) { grid-column: 5/span 4; } .statistic-group .statistic:nth-child(1):nth-last-child(2) { grid-column: 3/span 4; } .statistic-group .statistic:nth-child(1):nth-last-child(2) ~ div { grid-column: auto/span 4; } } @media (min-width: 596px) { .statistic-group .statistic:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3), .statistic-group .statistic:nth-child(1):nth-last-child(n+3):nth-last-child(4n+3) ~ div:nth-child(-n+3) { grid-column: auto/span 4; } .statistic-group .statistic:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1), .statistic-group .statistic:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ div:nth-child(-n+5) { grid-column: auto/span 4; } .statistic-group .statistic:nth-child(1):nth-last-child(n+5):nth-last-child(4n+1) ~ div:nth-child(4) { grid-column: 3/span 4; } .statistic-group .statistic:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2), .statistic-group .statistic:nth-child(1):nth-last-child(n+6):nth-last-child(4n+2) ~ div:nth-child(-n+6) { grid-column: auto/span 4; } } } @layer component_local { .statistic-group .section-header { margin-top: 0; } .statistic-group .statistic { padding: 0; border-left: none; text-align: center; } .statistic-group .c-text { margin-top: 1.25em; padding-top: 1.25em; border-top: 1px solid var(--p-line); } } @layer component_base { .text-grid { grid-column: 1/-1; } } @layer component_local { .video-feature.\:width-bleed .c-video-control { left: clamp(20px, 2.0547vw + 12.6027px, 44px); bottom: clamp(20px, 2.0547vw + 12.6027px, 44px); } .video-feature.\:width-bleed .video .c-image { inset: 0 0 1px 0; } } @layer component_base { .work-footer .c-inner { row-gap: clamp(28px, 1.0273vw + 24.3013px, 40px); } @media (min-width: 900px) { .work-footer .c-inner { padding-top: clamp(28px, 1.0273vw + 24.3013px, 40px); border-top: 1px solid var(--p-line); } } .work-footer .c-inner > div { grid-column: 1/-1; display: flex; flex-direction: column; row-gap: clamp(28px, 1.0273vw + 24.3013px, 40px); } @media (min-width: 596px) { .work-footer .c-inner > div { grid-column: auto/span 6; } } @media (min-width: 900px) { .work-footer .c-inner > div { grid-column: auto/span 3; } } @media (min-width: 596px) { .work-footer .c-inner .c-boilerplate { grid-column: 1/span 9; } } @media (min-width: 740px) { .work-footer .c-inner .c-boilerplate { grid-column: 1/span 7; } } @media (min-width: 1084px) { .work-footer .c-inner .c-boilerplate { grid-column: 1/span 5; } } .work-footer h6 { margin-top: 0; margin-bottom: 0.85em; padding-top: clamp(28px, 1.0273vw + 24.3013px, 40px); border-top: 1px solid var(--p-line); font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } @media (min-width: 900px) { .work-footer h6 { padding: 0; border-top: none; } } .work-footer p { margin: 0; } .work-footer p, .work-footer li { font-size: 18px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .work-footer a { --link-underline-color-default: var(--p-text); --link-underline-offset: 0.1em; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } @media (hover: hover) { .work-footer a:hover { --link-underline-color-default: transparent; --link-underline-offset: 0.1em; --link-bg-size: 44%; --link-bg-position: 86%; } } .work-footer .c-boilerplate p { margin-top: 1.5em; color: var(--p-caption); } .work-footer .link { --p-icon: var(--p-text); } } @layer component_base { .work-group > .p-inner > :last-child { margin-bottom: clamp(48px, 2.7397vw + 38.1369px, 80px); } .work-group.has-bg-color.\:invert-false { --p-fill: var(--c-work-group-bg); } .work-group.has-bg-color.\:invert-true { --p-fill: var(--c-work-group-bg); --p-highlight-bg: var(--color-a14a); } .work-group.has-accent-color { --p-highlight-bg: var(--c-work-group-highlight); } .work-group.has-accent-color .pullquote { --p-icon: var(--c-work-group-accent); } .work-group.has-accent-color a { --link-underline-color-default: var(--c-work-group-accent); --link-underline-color-hover: var(--c-work-group-highlight); --p-link-hover-bg: var(--c-work-group-highlight); } @media (hover: hover) { .work-group.has-accent-color a:hover { --link-underline-color-default: transparent; } } } @layer component_local { .work-group > .p-inner > :first-child { margin-top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .work-group > .p-inner > :first-child.section-header { margin-top: clamp(32px, 0.6849vw + 29.5342px, 40px); } .work-group > .p-inner > :first-child.media-feature.\:width-bleed { margin-top: 0; } .work-group > .p-inner > :last-child.\:space-below-remove { margin-bottom: 0; } .work-group .ro-collapse:first-child { margin-top: 0; } .work-group .ro-collapse:last-child { margin-bottom: 0; } } @layer component_local { .work-hero .c-awards { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: clamp(16px, 0.6849vw + 13.5342px, 24px); } @media (max-width: 739.98px) { .work-hero .c-awards { margin-top: clamp(28px, 1.0273vw + 24.3013px, 40px); } } @media (min-width: 740px) { .work-hero > .c-inner > .c-text { grid-area: 1/1/span 1/span 10; } .work-hero .c-awards { grid-area: 1/auto/span 1/span 2; flex-direction: column; } } } @layer component_local { .work-promo .section-header { margin-bottom: clamp(32px, 1.3698vw + 27.0684px, 48px); } @media (min-width: 740px) { .work-promo .section-header { grid-column: 1/span 4; } .work-promo .c-card { grid-column: 5/span 8; } } } @layer component_base { .wysiwyg > .p-inner > p { margin-top: 2em; } .wysiwyg > .p-inner > p:first-child { margin-top: 0; } .wysiwyg > .p-inner > :is(ul, ol) { margin-block: 2em; } .wysiwyg > .p-inner > :is(ul, ol):first-child { margin-top: 0; } .wysiwyg > .p-inner > :is(ul, ol):last-child { margin-bottom: 0; } .wysiwyg .\:p .\:p { padding-inline: 0; } .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { display: block; margin: clamp(-16px, -1.0274vw - 0.3014px, -4px) 0.125em 0.2em 0; padding-bottom: 0.04em; border-bottom: 4px solid var(--p-accent-1); float: left; font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .wysiwyg.drop-cap:first-child .c-inner p:first-of-type + * { clear: left; } @-moz-document url-prefix() { .wysiwyg.drop-cap:first-child .c-inner p:first-of-type::first-letter { margin-top: clamp(6px, 0.1712vw + 5.3835px, 8px); padding-bottom: 0.25em; } } .wysiwyg iframe[src*="youtube.com"] { width: 100%; height: auto; aspect-ratio: 1.7778; } } @layer component_local { .wysiwyg.\:space-below-reduce + .media-feature { margin-top: calc(clamp(48px, 2.7397vw + 38.1369px, 80px) / 2); } .wysiwyg.\:space-below-remove + .media-feature { margin-top: 0; } .wysiwyg .hero.\:palette-0 ~ main > .wysiwyg:first-child, .wysiwyg .hero:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) ~ main > .wysiwyg:first-child { margin-top: 0; } } .wysiwyg-ninja img { height: auto; display: block; } .wysiwyg-ninja .alignleft { margin-right: var(--sy); float: left; } .wysiwyg-ninja .alignright { margin-left: var(--sy); float: right; } .wysiwyg-ninja .aligncenter, .wysiwyg-ninja .alignnone { margin: 0 auto; } .wysiwyg-ninja .alignleft, .wysiwyg-ninja .alignright, .wysiwyg-ninja .aligncenter, .wysiwyg-ninja .alignnone { margin-bottom: 10px; } .wysiwyg-ninja h1:not(:first-child), .wysiwyg-ninja h2:not(:first-child), .wysiwyg-ninja h3:not(:first-child), .wysiwyg-ninja h4:not(:first-child) { margin-top: var(--s1); } .wysiwyg-ninja blockquote:not(.quote1) { margin-top: var(--s2); margin-bottom: var(--s2); } .wysiwyg-ninja .wp-caption { --lh: 1.30; margin-bottom: var(--s1); max-width: 100%; font: 400 13rem/var(--lh) var(--ff_2); } .wysiwyg-ninja .wp-caption img { margin-bottom: 10px; width: 100%; } .wysiwyg-ninja .wp-caption p:empty { display: none; } .wysiwyg-ninja ul { margin-left: calc(var(--sx) / 2); } .-breakout + .wysiwyg-ninja { margin-top: var(--s4); } @media screen and (max-width: 680px) { .wysiwyg-ninja .alignleft, .wysiwyg-ninja .alignright, .wysiwyg-ninja .aligncenter, .wysiwyg-ninja .alignnone { width: 100% !important; } } /*

H1 Lorem ipsum dolor vestibulumasd integer

H2 Porta semper nisi vitae elementum donec aliquam, ipsum in sagittis

H3 lacus lorem interdum ex, sed imperdiet ligula erat quis odio cras eu tristique purus

H4 Semper nisi vitae elementum donec aliquam, ipsum in sagittis porttitor, lacus lorem interdum ex, sed imperdiet ligula erat quis odio

H5 Nam suscipit sem quis dictum dictum ut lorem leo, facilisis non diam vitae, commodo scelerisque ipsum, morbi eu convallis odio, vitae sodales est, donec condimentum
H6 Aliquam quis maximus augue. Donec neque mi, varius et ante vitae, mattis fringilla mi. Pellentesque faucibus elit et eros venenatis, nec scelerisque lorem mollis vitae sodales est, donec condimentum

This is a paragraph nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

This is medium paragraph on desktop. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor donec ullamcorper nulla.

This is small paragraph on desktop. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue.

Caption lorem ipsum curabitur blandit tempus porttitor maecenas sed diam eget risus varius blandit sed diam eget risus varius blandit. (Photo by Jane Doe)

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt pellentesque ornare
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt pellentesque ornare
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt pellentesque ornare
Blockquote lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu sem integer vitae justo eget nullam quis risus eget urna mollis. Blockquote lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
*/ @layer site_base { [data-expandable] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 240ms cubic-bezier(0.42, 0, 0.32, 1); } [data-expandable] > div { overflow: hidden; } [data-expandable][data-is-active=true] { grid-template-rows: 1fr; } [data-expandable-btn][data-expand-once=true] { opacity: 1; transition: opacity 240ms linear(0, 1); } [data-expandable-btn][data-expand-once=true][aria-expanded=true] { opacity: 0; pointer-events: none; } } @layer component_base { .hero h1 { position: relative; top: -0.18em; margin-bottom: -0.18em; } .hero.\:size-1 h1 { font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .hero.\:size-1 h1 { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { .hero.\:size-1 h1 { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { .hero.\:size-1 h1 { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .hero.\:size-1 h1 { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { .hero.\:size-1 h1 { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { .hero.\:size-1 h1 { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .hero .kicker { grid-column: 1/-1; margin: 0; color: var(--p-kicker); } .hero > .c-inner > .c-image { grid-column: 1/-1; } .hero > .c-inner > .c-text { grid-column: 1/-1; } .hero .hero-footer { grid-column: 1/-1; } @media (max-width: 739.98px) { .hero > .c-inner:has(.kicker) h1 { margin-top: 0.25em; } } @media (min-width: 740px) { .hero .kicker { grid-area: 1/1/span 1/span 1; } .hero > .c-inner > .c-text { grid-area: 1/1/span 1/-1; } .hero > .c-inner:has(.kicker) > .c-text { padding-left: calc(clamp(20px, 1.7123vw + 13.8356px, 40px) + 12px); } .hero .kicker { margin-left: -0.2em; text-align: right; writing-mode: vertical-rl; rotate: 180deg; } } .hero .c-text > * { grid-column: 1/-1; } @media (min-width: 1084px) { .hero .c-text .title { grid-column: 1/span 11; } } .hero .hero-abstract { margin-top: 0.55em; font-size: clamp(20px, 0.4381vw + 18.4227px, 20.4731px); line-height: clamp(26px, 0.7594vw + 23.266px, 26.8201px); letter-spacing: -0.01em; } @media (min-width: 468px) and (max-width: 595.98px) { .hero .hero-abstract { font-size: clamp(20.4731px, 0.4466vw + 18.3829px, 21.0448px); line-height: clamp(26.8201px, 0.7741vw + 23.1971px, 27.8111px); } } @media (min-width: 596px) and (max-width: 739.98px) { .hero .hero-abstract { font-size: clamp(21.0448px, 0.476vw + 18.2073px, 21.7304px); line-height: clamp(27.8111px, 0.8252vw + 22.8927px, 28.9994px); } } @media (min-width: 740px) and (max-width: 899.98px) { .hero .hero-abstract { font-size: clamp(21.7304px, 0.5106vw + 17.9519px, 22.5474px); line-height: clamp(28.9994px, 0.885vw + 22.45px, 30.4155px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .hero .hero-abstract { font-size: clamp(22.5474px, 0.5262vw + 17.8111px, 23.5157px); line-height: clamp(30.4155px, 0.9121vw + 22.2059px, 32.0939px); } } @media (min-width: 1084px) { .hero .hero-abstract { font-size: clamp(23.5157px, 0.5491vw + 17.5626px, 24.658px); line-height: clamp(32.0939px, 0.9519vw + 21.7752px, 34.0738px); } } @media (min-width: 1292px) { .hero .hero-abstract { font-size: clamp(24.658px, 0.5686vw + 17.3111px, 26px); line-height: clamp(34.0738px, 0.9856vw + 21.3393px, 36.4px); } } @media (min-width: 596px) { .hero .hero-abstract { grid-column: 1/span 8; } } @media (min-width: 1084px) { .hero .hero-abstract { grid-column: 1/span 6; } } .hero .hero-abstract a { --link-underline-offset: 0.3em; --link-bg-size: 0%; --link-bg-position: 100%; } @media (hover: hover) { .hero .hero-abstract a:hover { --link-underline-offset: 0.3em; --link-bg-size: 40%; --link-bg-position: 82%; } } @media (min-width: 596px) { .hero.\:align-right .hero-abstract { grid-column-start: 5; } } @media (min-width: 1084px) { .hero.\:align-right .hero-abstract { grid-column-start: 7; } } .hero.\:highlight-text-true .title strong { margin: 0; padding: 0; background: none; color: var(--p-highlight-text); } } @layer component_local { .hero { padding-top: var(--masthead-height, clamp(90px, 2.0547vw + 82.6027px, 114px)); transition: padding-top 240ms cubic-bezier(0.42, 0, 0.32, 1); } } @layer site_base { .kicker { margin-bottom: 0.55em; font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } .kicker + h1 { margin-top: 0; } .kicker + :is(h2, h3) { margin-top: 0.4em; } } @charset "UTF-8"; @layer site_base { :is(ul, ol) { margin-block: clamp(24px, 0.6849vw + 21.5342px, 32px); } :is(ul, ol) :is(ul, ol) { margin-top: 0; } :is(ul, ol):first-child { margin-top: 0; } :is(ul, ol):first-child li:first-child { margin-top: 0; } :is(ul, ol):last-child { margin-bottom: 0; } :is(ul, ol):last-child li:last-child { margin-bottom: 0; } :is(ul, ol) :is(ul, ol):first-child li:first-child { margin-top: 0.85em; } :is(ul, ol) li { margin-top: 0.85em; } ul { --bullet-size: 8px; list-style-type: none; padding-left: 1.25em; } ul li { list-style-type: none; position: relative; } ul li::before { content: ""; position: absolute; left: -0.9375em; top: calc(0.7em - var(--bullet-size) / 2); display: block; width: var(--bullet-size); height: var(--bullet-size); background: var(--p-list-marker-1); border-radius: 50%; } ul li li::before { border: 1px solid var(--p-list-marker-2); background: transparent; } ul li li li { --bullet-size: 4px; } ul li li li::before { border: none; border-radius: 0; background: var(--p-list-marker-3); } ol { padding-left: 1.25em; } ol li { position: relative; } ol li::before { content: ""; position: absolute; left: -0.7em; display: flex; justify-content: flex-end; width: 0; color: var(--p-list-marker-2); text-align: right; content: counter(list-item); } ul.-comma-separated { padding-left: 0; } ul.-comma-separated li { display: inline; } ul.-comma-separated li:not(:last-child)::after { content: ","; } ul.-comma-separated li::before { all: unset; } ul.-comma-separated.-and li:nth-last-child(n+2):nth-last-child(-n+2):first-child::after, ul.-comma-separated.-and li:nth-last-child(n+2):nth-last-child(-n+2):first-child ~ li::after { display: none; } ul.-comma-separated.-and li:last-child:not(:first-child)::before { content: "and "; } ul.-comma-separated.-and li:first-child + li:last-child::before { content: "and "; } } @layer site_base { .meta-header { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: clamp(16px, 0.6849vw + 13.5342px, 24px); } .meta-header + .title { margin-top: 0.4em; } .meta-header .event-date { padding-inline: 0.1em; background: var(--p-accent-2); font-size: clamp(28px, 0.4381vw + 26.4227px, 28.4731px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 800; line-height: clamp(35px, 0.2993vw + 33.9221px, 35.3233px); letter-spacing: clamp(-0.0269px, -0.0249vw + 0.0893px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .meta-header .event-date { font-size: clamp(28.4731px, 0.4466vw + 26.3829px, 29.0448px); line-height: clamp(35.3233px, 0.3051vw + 33.895px, 35.7139px); letter-spacing: clamp(-0.0593px, -0.0254vw + 0.0916px, -0.0269px); } } @media (min-width: 596px) and (max-width: 739.98px) { .meta-header .event-date { font-size: clamp(29.0448px, 0.476vw + 26.2073px, 29.7304px); line-height: clamp(35.7139px, 0.3253vw + 33.775px, 36.1824px); letter-spacing: clamp(-0.0981px, -0.027vw + 0.1015px, -0.0593px); } } @media (min-width: 740px) and (max-width: 899.98px) { .meta-header .event-date { font-size: clamp(29.7304px, 0.5106vw + 25.9519px, 30.5474px); line-height: clamp(36.1824px, 0.3489vw + 33.6004px, 36.7407px); letter-spacing: clamp(-0.1444px, -0.029vw + 0.116px, -0.0981px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .meta-header .event-date { font-size: clamp(30.5474px, 0.5262vw + 25.8111px, 31.5157px); line-height: clamp(36.7407px, 0.3596vw + 33.5042px, 37.4024px); letter-spacing: clamp(-0.1993px, -0.0299vw + 0.124px, -0.1444px); } } @media (min-width: 1084px) { .meta-header .event-date { font-size: clamp(31.5157px, 0.5491vw + 25.5626px, 32.658px); line-height: clamp(37.4024px, 0.3752vw + 33.3344px, 38.1829px); letter-spacing: clamp(-0.264px, -0.0312vw + 0.1381px, -0.1993px); } } @media (min-width: 1292px) { .meta-header .event-date { font-size: clamp(32.658px, 0.5686vw + 25.3111px, 34px); line-height: clamp(38.1829px, 0.3885vw + 33.1626px, 39.0999px); letter-spacing: clamp(-0.3401px, -0.0323vw + 0.1523px, -0.264px); } } .meta-header .event-status { display: flex; padding-inline: 8px; gap: 8px; font-size: 13px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.15em; text-transform: uppercase; font-variant-numeric: lining-nums; align-items: center; border: 1px solid var(--p-line); } .meta-header .event-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #000; } .meta-header .event-status span { padding-top: 0.15em; padding-bottom: 0.1em; } } @layer site_base { svg .fill, svg .mask-fill { stroke: none; } svg .fill { fill: var(--p-icon); transition: fill 240ms cubic-bezier(0.42, 0, 0.32, 1); } svg .stroke, svg .mask-stroke { fill: none; stroke-width: var(--stroke-width, 2.25); } svg .stroke { stroke: var(--p-icon); transition: stroke 240ms cubic-bezier(0.42, 0, 0.32, 1); } } @layer site_local { :not(.\:bg-bleed-true).\:width-narrow { grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-narrow { grid-column: 2/span 10; } } @media (min-width: 900px) { :not(.\:bg-bleed-true).\:width-narrow { grid-column: 3/span 8; } } @media (min-width: 1292px) { :not(.\:bg-bleed-true).\:width-narrow { grid-column: 4/span 6; } } :not(.\:bg-bleed-true).\:width-narrow-left { grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-narrow-left { grid-column: 1/span 10; } } @media (min-width: 900px) { :not(.\:bg-bleed-true).\:width-narrow-left { grid-column: 1/span 8; } } @media (min-width: 1292px) { :not(.\:bg-bleed-true).\:width-narrow-left { grid-column: 1/span 6; } } :not(.\:bg-bleed-true).\:width-medium { grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-medium { grid-column: 2/span 10; } } @media (min-width: 900px) { :not(.\:bg-bleed-true).\:width-medium { grid-column: 3/span 8; } } :not(.\:bg-bleed-true).\:width-wide { grid-column: 1/-1; } @media (min-width: 596px) { :not(.\:bg-bleed-true).\:width-wide { grid-column: 2/span 10; } } :not(.\:bg-bleed-true).\:width-full { grid-column: 1/-1; } :not(.\:bg-bleed-true).\:width-bleed { grid-column: 1/-1; margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 1528px) { :not(.\:bg-bleed-true).\:width-bleed { margin-inline: calc((100vw - 1440px) / -2); } } :not(.\:bg-bleed-true).\:width-unbleed { margin-inline: 0; } .\:bg-bleed-true.\:palette-0.\:width-narrow, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true.\:palette-0.\:width-narrow, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow { grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true.\:palette-0.\:width-narrow, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow { grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true.\:palette-0.\:width-narrow, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow { grid-column: 4/span 6; } } .\:bg-bleed-true.\:palette-0.\:width-narrow-left, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true.\:palette-0.\:width-narrow-left, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left { grid-column: 1/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true.\:palette-0.\:width-narrow-left, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left { grid-column: 1/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true.\:palette-0.\:width-narrow-left, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left { grid-column: 1/span 6; } } .\:bg-bleed-true.\:palette-0.\:width-medium, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-medium { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true.\:palette-0.\:width-medium, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-medium { grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true.\:palette-0.\:width-medium, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-medium { grid-column: 3/span 8; } } .\:bg-bleed-true.\:palette-0.\:width-wide, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-wide { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true.\:palette-0.\:width-wide, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-wide { grid-column: 2/span 10; } } .\:bg-bleed-true.\:palette-0.\:width-full, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-full { grid-column: 1/-1; } .\:bg-bleed-true.\:palette-0.\:width-bleed, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-bleed { grid-column: 1/-1; margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 1528px) { .\:bg-bleed-true.\:palette-0.\:width-bleed, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-bleed { margin-inline: calc((100vw - 1440px) / -2); } } .\:bg-bleed-true.\:palette-0.\:width-unbleed, .\:bg-bleed-true:not([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-unbleed { margin-inline: 0; } .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); grid-column: 1/-1; } @media (min-width: 1528px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { margin-inline: calc((100vw - 1440px) / -2); } } .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]):not(.\:width-bleed) { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 1); display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: 0 clamp(20px, 1.7123vw + 13.8356px, 40px); } @media (min-width: 1528px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]):not(.\:width-bleed) { padding-inline: calc((100vw - 1440px) / 2); } } .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow > .p-inner { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow > .p-inner { grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow > .p-inner { grid-column: 3/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow > .p-inner { grid-column: 4/span 6; } } .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left > .p-inner { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left > .p-inner { grid-column: 1/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left > .p-inner { grid-column: 1/span 8; } } @media (min-width: 1292px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-narrow-left > .p-inner { grid-column: 1/span 6; } } .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-medium > .p-inner { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-medium > .p-inner { grid-column: 2/span 10; } } @media (min-width: 900px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-medium > .p-inner { grid-column: 3/span 8; } } .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-wide > .p-inner { grid-column: 1/-1; } @media (min-width: 596px) { .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-wide > .p-inner { grid-column: 2/span 10; } } .\:bg-bleed-true:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]).\:width-full > .p-inner { grid-column: 1/-1; } .\:bg-bleed-false:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) > .p-inner { padding-inline: clamp(20px, 2.0547vw + 12.6027px, 44px); } } @font-face { font-family: "National"; src: url("./../fonts/national-2-light.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "National"; src: url("./../fonts/national-2-light-italic.woff2") format("woff2"); font-weight: 300; font-style: italic; } @font-face { font-family: "National"; src: url("./../fonts/national-2-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "National"; src: url("./../fonts/national-2-regular-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: "National"; src: url("./../fonts/national-2-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "National"; src: url("./../fonts/national-2-bold-italic.woff2") format("woff2"); font-weight: 700; font-style: italic; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-light.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-light-italic.woff2") format("woff2"); font-weight: 300; font-style: italic; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-regular-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-medium-italic.woff2") format("woff2"); font-weight: 500; font-style: italic; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-black.woff2") format("woff2"); font-weight: 800; font-style: normal; } @font-face { font-family: "Tiempos Headline"; src: url("./../fonts/tiempos-headline-black-italic.woff2") format("woff2"); font-weight: 800; font-style: italic; } @layer element_local { @media (max-width: 739.98px) { .paper-clip-image { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 2); } } .paper-clip-image > .p-inner { position: relative; } .paper-clip-image .c-media, .paper-clip-image .c-bg { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); } .paper-clip-image .c-media { position: relative; z-index: 2; } .paper-clip-image .c-bg { position: absolute; inset: 0; z-index: 1; rotate: -3.012deg; } .paper-clip-image .c-bg .image { width: 100%; height: 100%; } .paper-clip-image .c-clip { position: absolute; left: 5%; top: -40px; z-index: 3; width: 44px; height: 176px; pointer-events: none; } .paper-clip-image .c-clip .media-source { width: 100%; height: 100%; } } @layer component_custom { @media (max-width: 739.98px) { .media-duo .c-paper-clip-image + .c-text { margin-top: clamp(80px, 3.4246vw + 67.6712px, 120px); } } @media (min-width: 740px) { .media-duo .c-paper-clip-image { grid-column: 1/span 5; } .media-duo .c-paper-clip-image + .c-text { grid-column: 7/span 6; } } } @layer element_local { .stack-item { position: absolute; z-index: 1; width: 100%; opacity: 0; transition: opacity 240ms linear(0, 1) var(--stack-delay); --collage-shadow-inset: 40px; --collage-shadow-color: rgb(0 0 0 / 0.25); } .stack-item:first-child { position: relative; opacity: 1; } .photo-stack[data-is-active=true] .stack-item { opacity: 1; } .stack-item:nth-child(odd) { left: calc(var(--stack-offset-x) * -1); top: calc(var(--stack-offset-y) * -1); rotate: calc(var(--stack-rotate) * -1); } .stack-item:nth-child(even) { left: var(--stack-offset-x); top: var(--stack-offset-y); rotate: var(--stack-rotate); } .stack-item::before { content: ""; position: absolute; inset: var(--collage-shadow-inset); z-index: 0; box-shadow: 0 4px 30px var(--collage-shadow-inset) var(--collage-shadow-color); background: var(--collage-shadow-color); } .stack-item .c-media { position: relative; z-index: 1; padding: 2.1% 2.7% 2% 2.2%; } .stack-item .c-frame { position: absolute; inset: 0; z-index: 2; pointer-events: none; } } @layer component_base { .alert { display: grid; grid-template-rows: 0fr; background: var(--p-fill); --button-aspect: 1.5; } .alert[data-is-active=true] { grid-template-rows: 1fr; } .alert > div { overflow: hidden; display: flex; align-items: center; } .alert p { flex-grow: 1; margin-block: 0.5em; margin-left: var(--icon-size); text-align: center; } .alert .btn.icon-only { align-self: stretch; height: auto; } } @layer component_base { .client-promo { position: relative; grid-column: 1/-1; padding-inline: clamp(20px, 1.7123vw + 13.8356px, 40px); text-align: center; } .client-promo::before, .client-promo::after { content: ""; position: absolute; width: 0; height: 0; z-index: 1; border-top: 1px solid var(--p-line); pointer-events: none; transition: width 480ms cubic-bezier(0.42, 0, 0.32, 1) 240ms; } .client-promo::before { left: 0; top: 0; } .client-promo::after { right: 0; bottom: 0; } .client-promo:has(.uk-scrollspy-inview)::before, .client-promo:has(.uk-scrollspy-inview)::after { width: 100%; } .client-promo p { font-size: 20px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.5; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; text-wrap: balance; } .client-promo .e-link { position: absolute; bottom: 0; left: 50%; z-index: 2; translate: -50% 50%; } .client-promo a { display: block; padding: 24px; background: var(--p-fill); font-size: 14px; font-weight: 400; transition: background-color 480ms linear(0, 1); } } @layer component_local { .client-promo a { --link-color-text: var(--p-text); --link-underline-color-default: var(--p-text); } @media (hover: hover) { .client-promo a:hover { --link-color-text: var(--p-text); --link-underline-color-default: var(--p-text); } } } @layer component_local { .collage-duo { font-size: clamp(20px, 0.4381vw + 18.4227px, 20.4731px); line-height: clamp(26px, 0.7594vw + 23.266px, 26.8201px); letter-spacing: -0.01em; } @media (min-width: 468px) and (max-width: 595.98px) { .collage-duo { font-size: clamp(20.4731px, 0.4466vw + 18.3829px, 21.0448px); line-height: clamp(26.8201px, 0.7741vw + 23.1971px, 27.8111px); } } @media (min-width: 596px) and (max-width: 739.98px) { .collage-duo { font-size: clamp(21.0448px, 0.476vw + 18.2073px, 21.7304px); line-height: clamp(27.8111px, 0.8252vw + 22.8927px, 28.9994px); } } @media (min-width: 740px) and (max-width: 899.98px) { .collage-duo { font-size: clamp(21.7304px, 0.5106vw + 17.9519px, 22.5474px); line-height: clamp(28.9994px, 0.885vw + 22.45px, 30.4155px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .collage-duo { font-size: clamp(22.5474px, 0.5262vw + 17.8111px, 23.5157px); line-height: clamp(30.4155px, 0.9121vw + 22.2059px, 32.0939px); } } @media (min-width: 1084px) { .collage-duo { font-size: clamp(23.5157px, 0.5491vw + 17.5626px, 24.658px); line-height: clamp(32.0939px, 0.9519vw + 21.7752px, 34.0738px); } } @media (min-width: 1292px) { .collage-duo { font-size: clamp(24.658px, 0.5686vw + 17.3111px, 26px); line-height: clamp(34.0738px, 0.9856vw + 21.3393px, 36.4px); } } .collage-duo .c-text { margin-top: clamp(80px, 3.4246vw + 67.6712px, 120px); } @media (min-width: 740px) { .collage-duo .c-collage { grid-column: auto/span 6; } .collage-duo .c-text { grid-column: auto/span 6; margin-top: clamp(48px, 2.7397vw + 38.1369px, 80px); } .collage-duo.\:align-right .c-collage { order: 1; } } @media (min-width: 1292px) { .collage-duo.\:align-left .c-collage { grid-column: 1/span 5; } .collage-duo.\:align-left .c-text { grid-column: 7/span 6; } .collage-duo.\:align-right .c-collage { grid-column: 8/span 5; } .collage-duo.\:align-right .c-text { grid-column: 1/span 6; } } } @layer component_local { .collage-feature .c-sticker { width: 30%; height: 30%; } @media (min-width: 596px) { .collage-feature .c-sticker { width: 25%; height: 25%; } } } @layer component_base { .content-duo { grid-column: 1/-1; } .content-duo .c-duo-group { grid-column: 1/-1; } @media (min-width: 740px) { .content-duo .c-duo-group { grid-column: auto/span 6; } } @media (min-width: 1084px) { .content-duo .c-text { padding-inline: clamp(0px, 4.7945vw - 17.2603px, 56px); } } .content-duo.\:sticky-true .c-duo-inner { position: sticky; top: clamp(40px, 3.4246vw + 27.6712px, 80px); } .content-duo.\:sticky-false > .p-inner { align-items: center; } .content-duo:is([class^=":palette-"], [class*=" :palette-"], [class*=" :palette-"]) { padding-block: clamp(80px, 3.4246vw + 67.6712px, 120px); } } @layer component_base { .modal { padding: clamp(20px, 5.1369vw + 1.5068px, 80px); background: var(--p-overlay-bg); display: flex !important; } .modal:focus-visible { outline: none; } .modal[data-is-active=false] { display: none !important; } .modal .w-modal { gap: clamp(20px, 1.7123vw + 13.8356px, 40px); margin-block: auto; padding: 0; width: clamp(480px, 36.6438vw + 348.0821px, 908px); height: -moz-fit-content; height: fit-content; background: var(--p-fill); } .modal .c-close { position: fixed; top: 32px; right: 32px; z-index: 1; } .modal .c-image { grid-column: 1/-1; } .modal .c-text { grid-column: 1/-1; } .modal .c-btn { flex-wrap: wrap; align-items: baseline; row-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); } .modal .title { font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; } @media (min-width: 468px) and (max-width: 595.98px) { .modal .title { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { .modal .title { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { .modal .title { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .modal .title { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { .modal .title { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { .modal .title { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .modal h3 { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; } .modal .media-source { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .modal.\:align-left .c-image { order: -1; } .modal.\:align-right .c-image { order: 1; } .modal.\:full-true { padding: 0; background: none; } .modal.\:full-true .w-modal { margin: 0; width: 100%; max-width: 100%; min-height: 100%; transform: translateY(0); } .modal.\:full-true .c-close { top: clamp(20px, 1.7123vw + 13.8356px, 40px); right: clamp(20px, 1.7123vw + 13.8356px, 40px); } @media (min-width: 740px) { .modal.\:full-true .c-image { grid-column: auto/span 3; } } .modal.\:full-true .c-text { padding-inline: clamp(20px, 5.1369vw + 1.5068px, 80px); padding-block: clamp(32px, 6.5068vw + 8.5753px, 108px); } @media (min-width: 740px) { .modal.\:full-true .c-text { grid-column: auto/span 9; } } .modal.\:full-false .w-modal { border-radius: clamp(10px, 0.8561vw + 6.9178px, 20px); } .modal.\:full-false .c-inner { align-items: flex-start; row-gap: clamp(20px, 1.7123vw + 13.8356px, 40px); padding-inline: clamp(20px, 5.1369vw + 1.5068px, 80px); padding-block: clamp(32px, 6.5068vw + 8.5753px, 108px); } .modal.\:full-false .c-image { grid-column: 2/span 4; } @media (min-width: 468px) { .modal.\:full-false .c-image { grid-column: 4/span 6; } } @media (min-width: 740px) { .modal.\:full-false .c-image { grid-column: auto/span 4; } } .modal.\:full-false .c-image .media-source { -o-object-fit: contain; object-fit: contain; } @media (min-width: 740px) { .modal.\:full-false .c-text { grid-column: auto/span 7; } } } @layer component_local { .modal-form { overflow: hidden; background-color: var(--color-p1); } .modal-form > div.\:c { min-height: 100vh; } .modal-form .gform_heading h2 { margin-top: 0; } .modal-form .desktop-only, .modal-form .mobile-only { display: contents; } .modal-form .desktop-only { display: none; } @media (min-width: 740px) { .modal-form .desktop-only { display: contents; } } .modal-form .desktop-only figure { position: absolute; width: 100%; height: 100%; } @media (min-width: 740px) { .modal-form .mobile-only { display: none; } } .modal-form .c-texture { --texture-bg-color: var(--color-a3); background-color: var(--texture-bg-color); grid-column: 1/-1; position: relative; } @media (min-width: 740px) { .modal-form .c-texture { grid-column: 1/span 3; } } .modal-form .c-text { grid-column: 1/-1; } @media (min-width: 740px) { .modal-form .c-text { grid-column: 4/-1; } } .modal-form .c-text .c-inner { grid-column: 1/-1; padding-top: 60px; padding-bottom: 210px; } @media (min-width: 740px) { .modal-form .c-text .c-inner { padding-top: 110px; } } @media (min-width: 1084px) { .modal-form .c-text .c-inner { padding-right: 60px; } } @media (min-width: 740px) { .modal-form .c-text .c-inner { grid-column: 2/span 10; } } @media (min-width: 1084px) { .modal-form .c-text .c-inner { grid-column: 3/span 8; } } .modal-form .c-text .c-inner h2 { font-size: clamp(48px, 3.0669vw + 36.9591px, 51.3122px); font-family: "Tiempos Headline", "Source Serif 4", "Source Serif", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 1.1; letter-spacing: clamp(-0.071px, -0.0658vw + 0.2365px, 0px); font-variant-numeric: oldstyle-nums; margin-bottom: 20px; } @media (min-width: 468px) and (max-width: 595.98px) { .modal-form .c-text .c-inner h2 { font-size: clamp(51.3122px, 3.1264vw + 36.6806px, 55.314px); letter-spacing: clamp(-0.1568px, -0.067vw + 0.2425px, -0.071px); } } @media (min-width: 596px) and (max-width: 739.98px) { .modal-form .c-text .c-inner h2 { font-size: clamp(55.314px, 3.3326vw + 35.4514px, 60.1131px); letter-spacing: clamp(-0.2596px, -0.0715vw + 0.2688px, -0.1568px); } } @media (min-width: 740px) and (max-width: 899.98px) { .modal-form .c-text .c-inner h2 { font-size: clamp(60.1131px, 3.5742vw + 33.6635px, 65.8319px); letter-spacing: clamp(-0.3822px, -0.0766vw + 0.3072px, -0.2596px); } } @media (min-width: 900px) and (max-width: 1083.98px) { .modal-form .c-text .c-inner h2 { font-size: clamp(65.8319px, 3.6837vw + 32.678px, 72.61px); letter-spacing: clamp(-0.5274px, -0.079vw + 0.3283px, -0.3822px); } } @media (min-width: 1084px) { .modal-form .c-text .c-inner h2 { font-size: clamp(72.61px, 3.8442vw + 30.9386px, 80.606px); letter-spacing: clamp(-0.6988px, -0.0824vw + 0.3656px, -0.5274px); } } @media (min-width: 1292px) { .modal-form .c-text .c-inner h2 { font-size: clamp(80.606px, 3.9804vw + 29.1781px, 90px); letter-spacing: clamp(-0.9px, -0.0853vw + 0.4033px, -0.6988px); } } .modal-form .c-text .c-inner figure + h2 { margin-top: 24px; } .modal-form .c-text form { margin-top: 56px; } .modal-form .c-text form .gfield_required { position: relative; } .modal-form .c-text form .gfield_required::after { color: var(--color-t7); --tw-content: "*"; content: var(--tw-content); } .modal-form .c-text form .gfield_required .gfield_required_text { display: none; } .modal-form .c-text form input[type=submit] { border-radius: 40px; color: var(--color-t1); background: var(--color-a2); padding: 14px 32px; cursor: pointer; font-weight: 700; line-height: 1.2; text-transform: lowercase; font-size: 20px; transition: 0.8s cubic-bezier(0.2, 1, 0.3, 1); } .modal-form .c-text form input[type=submit]:hover { background: var(--color-a3); color: var(--color-t1); } .modal-form .c-text form input[type=textarea], .modal-form .c-text form textarea { border-radius: 20px; } .modal-form .c-text form .gform_footer { margin-top: 60px; } .modal-form .c-text form .gform_fields { display: flex; flex-direction: column; gap: 40px; } .modal-form .c-text form .gform_fields .gfield { display: flex; flex-direction: column; gap: 10px; } .modal-form .c-text form .gform_fields .gfield.gfield--has-description { gap: 0; } .modal-form .c-text form .gform_fields .gfield.gfield--has-description .gfield_description { order: -1; margin-bottom: 21px; } .modal-form .c-text form .gform_fields .gfield.gfield--has-description .gfield_label { order: -2; } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice legend { font-size: 22px; font-weight: 700; margin-bottom: 10px; display: block; } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gchoice label { font-size: 18px; font-family: "National", "Source Sans 3", "Source Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 300; line-height: 1.4; letter-spacing: 0; text-transform: none; font-variant-numeric: oldstyle-nums; } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_checkbox, .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio { display: flex; flex-direction: column; gap: 16px; } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_checkbox .gchoice, .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio .gchoice { display: flex; align-items: center; gap: 8px; } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_checkbox .gchoice, .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_checkbox .gchoice > *, .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio .gchoice, .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio .gchoice > * { cursor: pointer; } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_checkbox .gchoice input, .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio .gchoice input { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("../../../images/icons/checkbox-unchecked.svg"); background-position: right; background-repeat: no-repeat; background-size: contain; background-clip: content-box; background-position: left; width: 24px; height: 24px; } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_checkbox .gchoice input:checked, .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio .gchoice input:checked { background-image: url("../../../images/icons/checkbox-checked.svg"); } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio .gchoice input { background-image: url("../../../images/icons/radio-unchecked.svg"); } .modal-form .c-text form .gform_fields .gfield.gfield--type-choice .gfield_radio .gchoice input:checked { background-image: url("../../../images/icons/radio-checked.svg"); } @media (min-width: 740px) { .modal-form .uk-modal-close-default { top: 40px; right: 43px; } } .modal-form .uk-modal-close-default svg:last-child { display: none; } #work-with-us { padding: 0; } .gfield--type-name > legend { display: none; } .gfield--type-name > .ginput_container--name { display: flex; flex-wrap: wrap; gap: 40px; flex-direction: column; } .gfield--type-name > .ginput_container--name > span { display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; } .gfield--type-name > .ginput_container--name > span label { order: -1; } } @layer component_base { @media (max-width: 739.98px) { .photo-stack { padding-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * 2); } } .photo-stack > .p-inner { position: relative; } } @layer page_base {} @layer page_local { :is(body, .w-page).anniversary .c-nav-desktop { --masthead-line-color: transparent; } :is(body, .w-page).anniversary .hero { height: min(100vh, 960px); } :is(body, .w-page).anniversary .hero > .c-inner { height: 100%; } :is(body, .w-page).anniversary .hero .btn.media-toggle { --btn-padding-x: 8px; --btn-padding-y: 6px; --btn-padding-left: var(--btn-padding-x); --btn-icon-gap: 8px; --icon-size: 16px; border-radius: 0; font-size: 14px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; line-height: 1.15; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; } :is(body, .w-page).anniversary .hero .btn.media-toggle::before, :is(body, .w-page).anniversary .hero .btn.media-toggle::after { border-radius: 0; } :is(body, .w-page).anniversary .hero h1 { margin: 0; font-size: 20px; font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", sans-serif; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; font-variant-numeric: lining-nums; line-height: 1.5; } :is(body, .w-page).anniversary .hero .c-text { align-items: center; padding-block: clamp(80px, 3.4246vw + 67.6712px, 120px); } } @layer page_base {} @layer page_base {} @layer page_base { :is(body, .w-page).conference .form { grid-column: span 6 / span 6 !important; margin-top: 40px !important; list-style-type: none !important; padding-top: 0 !important; } :is(body, .w-page).conference .form li { margin-bottom: 20px; } :is(body, .w-page).conference .form li label input.rot-tiny { margin-top: 10px !important; } :is(body, .w-page).conference .wysiwyg { grid-column: 1/span -1 !important; margin-bottom: 80px; } @media (min-width: 596px) { :is(body, .w-page).conference .wysiwyg { grid-column: 1/span 8 !important; } } @media (min-width: 1084px) { :is(body, .w-page).conference .wysiwyg { grid-column: 1/span 6 !important; } } :is(body, .w-page).conference .wysiwyg .gform_wrapper .gform_required_legend { display: none; } :is(body, .w-page).conference .wysiwyg .gform_body .ginput_complex { margin-top: 24px !important; display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; gap: 0 !important; } @media (min-width: 1084px) { :is(body, .w-page).conference .wysiwyg .gform_body .ginput_complex { flex-direction: row !important; flex-wrap: nowrap !important; gap: 20px !important; } } :is(body, .w-page).conference .wysiwyg .gform_body .ginput_complex span { display: flex; width: 100%; flex-direction: column; gap: 12px; } :is(body, .w-page).conference .wysiwyg .gform_body .ginput_complex span:first-child { margin-bottom: 24px; } @media (min-width: 1084px) { :is(body, .w-page).conference .wysiwyg .gform_body .ginput_complex span:first-child { margin-bottom: 0; } } :is(body, .w-page).conference .wysiwyg .gform_body .ginput_complex .gf_clear { display: none !important; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield { margin-bottom: 60px; } @media (min-width: 1084px) { :is(body, .w-page).conference .wysiwyg .gform_body .gfield { margin-bottom: 80px; } } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .gfield_label { font-size: 22px; font-weight: 700; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .ginput_container { margin-top: 24px; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .ginput_container textarea { border-radius: 20px; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .ginput_container .ginput_counter { font-size: 14px; font-weight: 400; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .gfield_description { margin-top: 16px; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .gform-field-label--type-sub { font-size: 18px; font-style: normal; font-weight: 350; line-height: 140%; /* 25.2px */ } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .gform-field-label--type-sub.hidden_sub_label { display: none !important; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield.gfield--type-name legend { display: block !important; } :is(body, .w-page).conference .wysiwyg .gform_body .gfield .gfield_label .gfield_required span { --tw-text-opacity: 1; color: rgb(229 21 73 / var(--tw-text-opacity)); } } @layer page_base {} @layer page_local { :is(body, .w-page).error404 main { grid-auto-rows: max-content; } :is(body, .w-page).error404 .media-feature { margin-top: 0; margin-bottom: clamp(28px, 1.0273vw + 24.3013px, 40px); padding-bottom: clamp(28px, 1.0273vw + 24.3013px, 40px); border-bottom: 1px solid var(--p-line); } :is(body, .w-page).error404 .media-feature .e-media { aspect-ratio: 20/3; } :is(body, .w-page).error404 .wysiwyg { grid-column-start: 1; margin-bottom: clamp(80px, 3.4246vw + 67.6712px, 120px); font-size: clamp(20px, 0.4381vw + 18.4227px, 20.4731px); line-height: clamp(26px, 0.7594vw + 23.266px, 26.8201px); letter-spacing: -0.01em; } @media (min-width: 468px) and (max-width: 595.98px) { :is(body, .w-page).error404 .wysiwyg { font-size: clamp(20.4731px, 0.4466vw + 18.3829px, 21.0448px); line-height: clamp(26.8201px, 0.7741vw + 23.1971px, 27.8111px); } } @media (min-width: 596px) and (max-width: 739.98px) { :is(body, .w-page).error404 .wysiwyg { font-size: clamp(21.0448px, 0.476vw + 18.2073px, 21.7304px); line-height: clamp(27.8111px, 0.8252vw + 22.8927px, 28.9994px); } } @media (min-width: 740px) and (max-width: 899.98px) { :is(body, .w-page).error404 .wysiwyg { font-size: clamp(21.7304px, 0.5106vw + 17.9519px, 22.5474px); line-height: clamp(28.9994px, 0.885vw + 22.45px, 30.4155px); } } @media (min-width: 900px) and (max-width: 1083.98px) { :is(body, .w-page).error404 .wysiwyg { font-size: clamp(22.5474px, 0.5262vw + 17.8111px, 23.5157px); line-height: clamp(30.4155px, 0.9121vw + 22.2059px, 32.0939px); } } @media (min-width: 1084px) { :is(body, .w-page).error404 .wysiwyg { font-size: clamp(23.5157px, 0.5491vw + 17.5626px, 24.658px); line-height: clamp(32.0939px, 0.9519vw + 21.7752px, 34.0738px); } } @media (min-width: 1292px) { :is(body, .w-page).error404 .wysiwyg { font-size: clamp(24.658px, 0.5686vw + 17.3111px, 26px); line-height: clamp(34.0738px, 0.9856vw + 21.3393px, 36.4px); } } } @layer page_local { :is(body, .w-page).home .page-hero .c-inner { padding-top: clamp(80px, 8.5616vw + 49.178px, 180px); } :is(body, .w-page).home main > .feed .cards { row-gap: clamp(80px, 3.4246vw + 67.6712px, 120px); } .feed.work-home .work-card { grid-column: 1/-1; } @media (min-width: 596px) { .feed.work-home .work-card:nth-child(2) { grid-column: 3/span 10; } } @media (min-width: 900px) { .feed.work-home .work-card:nth-child(2) { grid-column: 5/span 8; } } @media (min-width: 596px) { .feed.work-home .work-card:nth-child(3) { grid-column: 1/span 10; } } @media (min-width: 900px) { .feed.work-home .work-card:nth-child(3) { grid-column: 1/span 8; } } } @layer page_custom { .feed.work-home .work-card:nth-child(1) .image { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } @media (min-width: 1528px) { .feed.work-home .work-card:nth-child(1) .image { margin-inline: calc((100vw - 1440px) / -2); } } .feed.work-home .work-card:nth-child(1) .e-media { --grid-columns: 6; max-height: calc(((1528px - clamp(20px, 2.0547vw + 12.6027px, 44px) * 2 - (var(--grid-columns) - 1) * clamp(20px, 1.7123vw + 13.8356px, 40px)) * 8 / var(--grid-columns) + 7 * clamp(20px, 1.7123vw + 13.8356px, 40px)) / 1.6667); } @media (min-width: 468px) { .feed.work-home .work-card:nth-child(1) .e-media { --grid-columns: 12; } } @media (max-width: 739.98px) { .feed.work-home .work-card:nth-child(1) .e-media { border-radius: 0; } } @media (min-width: 740px) { .feed.work-home .work-card:nth-child(1) .image { margin-inline: 0; } } } @layer page_local { .person-feed { margin-inline: calc(clamp(20px, 2.0547vw + 12.6027px, 44px) * -1); } .person-feed .cards { --grid-columns: 1; grid-auto-rows: 1fr; gap: 0; } .person-feed .person-card:nth-of-type(6n+1) figure:not(.e-hover) { background: var(--p-accent-7); } @media (hover: hover) { .person-feed .person-card:nth-of-type(6n+1):hover { background: var(--p-accent-8); } } .person-feed .person-card:nth-of-type(6n+2) figure:not(.e-hover) { background: var(--p-accent-5); } @media (hover: hover) { .person-feed .person-card:nth-of-type(6n+2):hover { background: var(--p-accent-4); } } .person-feed .person-card:nth-of-type(6n+3) figure:not(.e-hover) { background: var(--p-accent-10); } @media (hover: hover) { .person-feed .person-card:nth-of-type(6n+3):hover { background: var(--p-accent-3); } } .person-feed .person-card:nth-of-type(6n+4) figure:not(.e-hover) { background: var(--p-accent-12); } @media (hover: hover) { .person-feed .person-card:nth-of-type(6n+4):hover { background: var(--p-accent-11); } } .person-feed .person-card:nth-of-type(6n+5) figure:not(.e-hover) { background: var(--p-accent-9); } @media (hover: hover) { .person-feed .person-card:nth-of-type(6n+5):hover { background: var(--p-accent-8); } } .person-feed .person-card:nth-of-type(6n+6) figure:not(.e-hover) { background: var(--p-accent-6); } @media (hover: hover) { .person-feed .person-card:nth-of-type(6n+6):hover { background: var(--p-accent-5); } } .person-feed .person-card .title { text-decoration: none; } .person-feed .person-card::after { display: none; } .person-feed aside { grid-column: 1/-1; grid-row-end: span 2; } .person-feed aside:nth-of-type(1) { grid-row-start: 6; } .person-feed aside:nth-of-type(2) { grid-row-start: 12; } .person-feed aside:nth-of-type(3) { grid-row-start: 18; } .person-feed aside:nth-of-type(4) { grid-row-start: 24; } @media (min-width: 596px) { .person-feed .cards { --grid-columns: 2; } .person-feed aside:nth-of-type(1) { grid-row-start: 6; } .person-feed aside:nth-of-type(2) { grid-row-start: 13; } .person-feed aside:nth-of-type(3) { grid-row-start: 20; } .person-feed aside:nth-of-type(4) { grid-row-start: 27; } } @media (min-width: 900px) { .person-feed .cards { --grid-columns: 3; } .person-feed aside { grid-column: 1/span 2; } .person-feed aside:nth-of-type(1) { grid-row-start: 4; } .person-feed aside:nth-of-type(2) { grid-row-start: 9; } .person-feed aside:nth-of-type(3) { grid-column-start: 2; grid-row-start: 14; } .person-feed aside:nth-of-type(4) { grid-column-start: 2; grid-row-start: 19; } } @media (min-width: 1292px) { .person-feed .cards { --grid-columns: 4; } .person-feed aside:nth-of-type(1) { grid-row-start: 3; } .person-feed aside:nth-of-type(2) { grid-row-start: 7; } .person-feed aside:nth-of-type(3) { grid-column-start: 3; grid-row-start: 11; } .person-feed aside:nth-of-type(4) { grid-column-start: 3; grid-row-start: 15; } } [data-filter-criteria][data-is-active=true] + [data-filter-root] .person-landing-sidebar-group { display: none; } } @layer page_base {} @layer page_base {} @layer page_base { .shop-feed .cards { row-gap: clamp(48px, 2.7397vw + 38.1369px, 80px); } } @layer page_base { .feed.work-main [data-feed-items] { row-gap: clamp(80px, 10.2739vw + 43.0136px, 200px); } .feed.work-main .work-card { grid-column: 1/-1; } @media (min-width: 596px) { .feed.work-main .work-card { grid-column: 2/span 10; } } @media (min-width: 740px) { .feed.work-main .work-card { grid-column: auto/span 6; } .feed.work-main .work-card .pullquote { padding-inline: clamp(0px, 4.7945vw - 17.2603px, 56px); } } } @layer page_local { [data-filter-criteria][data-is-active=true] + [data-filter-root] .work-card { display: block; } [data-filter-criteria][data-is-active=true] + [data-filter-root] .work-card .pullquote { display: none; } @media (min-width: 740px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(1) { grid-column: auto/span 7; } } @media (min-width: 1084px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(1) { grid-column: auto/span 8; } } @media (min-width: 740px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(2) { grid-column: auto/span 5; align-self: center; } } @media (min-width: 1084px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(2) { grid-column: auto/span 4; } } @media (min-width: 740px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(3) { grid-column: 1/-1; } } [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(3) .pullquote { order: -1; } @media (min-width: 740px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(4), :nth-child(5), :nth-child(6), :nth-child(7)) { grid-column: auto/span 6; } } @media (min-width: 900px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(4), :nth-child(5), :nth-child(6)) { grid-column: auto/span 4; } [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(7) { grid-column: 5/span 8; } } @media (min-width: 740px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:nth-child(8) { grid-column: 1/-1; } } [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:not(:nth-child(3), :nth-child(8)) { display: block; } [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:not(:nth-child(3), :nth-child(8)) .pullquote { display: none; } [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(3), :nth-child(8)) .c-inner, [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(3), :nth-child(8)) .pullquote { grid-column: 1/-1; } @media (min-width: 740px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(3), :nth-child(8)).has-pullquote .c-inner { --grid-columns: 5; grid-column: auto/span 5; } [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(3), :nth-child(8)).has-pullquote .pullquote { grid-column: auto/span 7; } } @media (min-width: 1084px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(3), :nth-child(8)).has-pullquote .c-inner, [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:is(:nth-child(3), :nth-child(8)).has-pullquote .pullquote { --grid-columns: 6; grid-column: auto/span 6; } } @media (min-width: 740px) { [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:not(.has-pullquote):nth-child(3) .c-inner { --grid-columns: 8; grid-column: 5/span 8; } [data-filter-criteria][data-is-active=false] + [data-filter-root] .work-card:not(.has-pullquote):nth-child(8) .c-inner { --grid-columns: 8; grid-column: 1/span 8; } } } @layer page_base {}