/*!************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/normalize.css/normalize.css ***! \************************************************************************************************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, 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; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-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. */ [type="search"]::-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 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*!***********************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/flickity/dist/flickity.css ***! \***********************************************************************************************************************/ /*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/import-glob-loader/index.js!./src/sass/app.scss ***! \*************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* @font-face { font-family: 'Roobert'; src: url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fonts/Roobert-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } */ @font-face { font-family: "Roobert"; src: url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fonts/Roobert-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roobert"; src: url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fonts/Roobert-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roobert"; src: url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fonts/Roobert-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "fontello"; src: url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fontello/fontello.eot?24505976"); src: url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fontello/fontello.eot?24505976#iefix") format("embedded-opentype"), url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fontello/fontello.woff2?24505976") format("woff2"), url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fontello/fontello.woff?24505976") format("woff"), url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fontello/fontello.ttf?24505976") format("truetype"), url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fontello/fontello.svg?24505976#fontello") format("svg"); font-weight: normal; font-style: normal; font-display: block; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url("https://26869947.fs1.hubspotusercontent-eu1.net/hubfs/26869947/raw_assets/public/foyen-web/dist/assets/fontello/fontello.svg?24505976#fontello") format('svg'); } } */ [class^=icon-]:before, [class*=" icon-"]:before, [class^=icon-]:after, [class*=" icon-"]:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: 0.2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-close:before { content: "\e800"; } /* '' */ .icon-play:before { content: "\e801"; } /* '' */ .icon-arrow-down:before { content: "\e802"; } /* '' */ .icon-mail:before { content: "\e804"; } /* '' */ .icon-phone:before { content: "\e805"; } /* '' */ .icon-arrow-left:before { content: "\e807"; } /* '' */ .icon-arrow-right:before { content: "\e808"; } /* '' */ .icon-arrow-up:before { content: "\e809"; } /* '' */ .icon-down:before { content: "\e80a"; } /* '' */ .icon-left:before { content: "\e80b"; } /* '' */ .icon-location:before { content: "\e80c"; } /* '' */ .icon-right:before { content: "\e80d"; } /* '' */ .icon-up:before { content: "\e80e"; } /* '' */ .icon-facebook:before { content: "\e80f"; } /* '' */ .icon-instagram:before { content: "\e810"; } /* '' */ .icon-linkedin:before { content: "\e811"; } /* '' */ .icon-minus:before { content: "\e812"; } /* '' */ .icon-plus:before { content: "\e813"; } /* '' */ .icon-search:before { content: "\e814"; } /* '' */ .icon-twitter:before { content: "\e815"; } /* '' */ .icon-spinner:before { content: "\e834"; } /* '' */ .icon-youtube:before { content: "\f16a"; } /* '' */ .icon-vimeo:before { content: "\f27d"; } /* '' */ .icon-check:before { content: "𕴱"; } /* '\15d31' */ .icon-close.icon--after:after { content: "\e800"; } .icon-play.icon--after:after { content: "\e801"; } .icon-arrow-down.icon--after:after { content: "\e802"; } .icon-mail.icon--after:after { content: "\e804"; } .icon-phone.icon--after:after { content: "\e805"; } .icon-arrow-left.icon--after:after { content: "\e807"; } .icon-arrow-right.icon--after:after { content: "\e808"; } .icon-arrow-up.icon--after:after { content: "\e809"; } .icon-down.icon--after:after { content: "\e80a"; } .icon-left.icon--after:after { content: "\e80b"; } .icon-location.icon--after:after { content: "\e80c"; } .icon-right.icon--after:after { content: "\e80d"; } .icon-up.icon--after:after { content: "\e80e"; } .icon-facebook.icon--after:after { content: "\e80f"; } .icon-instagram.icon--after:after { content: "\e810"; } .icon-linkedin.icon--after:after { content: "\e811"; } .icon-minus.icon--after:after { content: "\e812"; } .icon-plus.icon--after:after { content: "\e813"; } .icon-search.icon--after:after { content: "\e814"; } .icon-twitter.icon--after:after { content: "\e815"; } .icon-spinner.icon--after:after { content: "\e834"; } .icon-youtube.icon--after:after { content: "\f16a"; } .icon-vimeo.icon--after:after { content: "\f27d"; } .icon-check.icon--after:after { content: "𕴱"; } .icon--after:before { content: normal; } :root { interpolate-size: allow-keywords; } :root { --heading-color: #141414; --heading-color-alt: #926444; --text-color: #141414; --icon-round-bg: #173F35; --icon-round-color: #C3D9D7; --tag-bg: #C3D9D7; --tag-color: #173F35; --form-field-border-color: #BDBEBE; --form-field-focus-border-color: #173F35; --color-border: #926444; --error-color: #DE1135; --button-bg: #141414; --button-bg-hover: #173F35; --button-color: #FFF; --button-color-hover: #FFF; --button-secondary-bg: #EFBE9C; --button-secondary-bg-hover: #141414; --button-secondary-color: #141414; --button-secondary-color-hover: #FFF; --button-ghost-bg: #141414; --button-ghost-bg-hover: #141414; --button-ghost-color: #141414; --button-ghost-color-hover: #FFF; } :root { --site-width-min: 90vw; --site-width-max: 72.5rem; --scrollbar-width: 0px; --body-bg: white; --color-primary: #ffbf00; --color-overlay: rgba(0, 0, 0, .6); --color-gray: #999; --spacing-xx-small: 0.25rem; --spacing-x-small: 0.5rem; --spacing-small: 1rem; --spacing-medium: 1.5rem; --spacing-large: 2rem; --spacing-x-large: 3.5rem; --spacing-xx-large: 6rem; --container-margin: 5rem; --grid-gap: 1.25rem; --section-padding: 5rem; --border-radius: 0.25rem; --easing: ease; --body-font-size: 1.125rem; --body-font-family: "Roobert", "Helvetica Neue", "Arial", sans-serif; --body-font-weight: normal; --body-font-style: normal; --body-line-height: 1.5; --body-letter-spacing: 0.02em; --body-text-transform: none; --font-size-xx-small: 0.75rem; --font-size-x-small: 0.875rem; --font-size-small: 1rem; --font-size-large: 1.25rem; --font-size-display: clamp(3.25rem, 3.42vw + 2.45rem, 4.5rem); --text-decoration-color: initial; --text-decoration-thickness: 1px; --text-underline-offset: 0.25rem; --selection-bg: #141414; --selection-color: white; --link-color: currentColor; --link-color-hover: currentColor; --text-underline-offset: 0.4em; --h1-size: clamp(2.75rem, 1.71vw + 2.35rem, 3.375rem); --h2-size: clamp(2.25rem, 1.71vw + 1.85rem, 2.875rem); --h3-size: clamp(2rem, 1.71vw + 1.6rem, 2.625rem); --h4-size: clamp(1.375rem, 1.71vw + 0.97rem, 2rem); --h5-size: clamp(1.125rem, 1.03vw + 0.88rem, 1.5rem); --h6-size: 1rem; --heading-font-family: "Roobert", "Helvetica Neue", "Arial", sans-serif; --heading-font-weight: 500; --heading-font-style: normal; --heading-line-height: 1.2; --heading-letter-spacing: 0; --heading-text-transform: none; --heading-margin: 1.25rem; /* --dialog-background: white; --dialog-width: 40rem; --dialog-padding: var(--spacing-large); --dialog-shadow: var(--shadow-large); --dialog-close-button-size: 2rem; --dialog-close-button-color: var(--text-color); --dialog-backdrop-color: var(--color-overlay); --dialog-animation-duration: 0.5s; */ /* --form-field-bg: white; --form-field-focus-bg: var(--form-field-bg); --form-field-hover-bg: var(--form-field-bg); --form-field-padding-x: 1.25rem; --form-field-padding-y: 0.75rem; --form-field-font-size: var(--body-font-size); --form-field-font-family: var(--body-font-family); --form-field-font-weight: var(--body-font-weight); --form-field-letter-spacing: var(--body-letter-spacing); --form-field-line-height: var(--body-line-height); --form-field-text-color: var(--text-color); --form-field-border-width: 1px; --form-field-border-style: solid; --form-field-border-radius: var(--border-radius); --form-field-border-color: var(--color-border); --form-field-hover-border-color: var(--form-field-border-color); --form-field-focus-border-color: var(--color-primary); --select-arrow-size: 0.5rem; --placeholder-color: var(--color-gray, #999); */ /* --burger-menu-size: 24px; --burger-menu-thickness: 2px; */ /* --slideshow-gap: 2rem; --slideshow-per-page: 1; // Use this to change number of slides per page --slideshow-arrow-size: 2rem; --slideshow-bullet-margin: 3rem; --slideshow-bullet-spacing: 0.5rem; --slideshow-bullet-color: #999; --slideshow-bullet-size: 0.5rem; --slideshow-bullet-color-active: var(--color-primary, #f90); */ } :root { --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); } *, ::before, ::after { box-sizing: border-box; text-decoration-color: var(--text-decoration-color, initial); text-decoration-thickness: var(--text-decoration-thickness, initial); text-underline-offset: var(--text-underline-offset, initial); } ::-moz-selection { background-color: var(--selection-bg, var(--color-primary, initial)); color: var(--selection-color, initial); } ::selection { background-color: var(--selection-bg, var(--color-primary, initial)); color: var(--selection-color, initial); } html { background: var(--body-bg, white); font-size: 100%; scroll-behavior: smooth; } body { font-family: var(--body-font-family, sans-serif); font-weight: var(--body-font-weight, normal); font-style: var(--body-font-style, normal); line-height: var(--body-line-height, 1.6); letter-spacing: var(--body-letter-spacing, 0); text-transform: var(--body-text-transform, none); font-size: var(--body-font-size, 1rem); color: var(--text-color, black); } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { display: block; font-family: var(--heading-font-family, inherit); font-weight: var(--heading-font-weight, bold); font-style: var(--heading-font-style, normal); line-height: var(--heading-line-height, 1.2); letter-spacing: var(--heading-letter-spacing, 0); text-transform: var(--heading-text-transform, none); margin: 0 0 var(--heading-margin, var(--spacing-medium, 1.5rem)); font-size: var(--h1-size, 3rem); color: var(--heading-color, inherit); } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a { color: var(--heading-color, inherit); } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover { color: var(--heading-color, inherit); } h1, .h1 { font-size: var(--h1-size, 3rem); } h2, .h2 { font-size: var(--h2-size, 2.2rem); } h3, .h3 { font-size: var(--h3-size, 1.8rem); } h4, .h4 { font-size: var(--h4-size, 1.4rem); } h5, .h5 { font-size: var(--h5-size, 1.2rem); } h6, .h6 { font-size: var(--h6-size, 1rem); } a { color: var(--link-color, blue); text-decoration-line: var(--link-decoration, none); transition: all var(--link-transition-duration, 0.25s) var(--easing); cursor: pointer; } a:hover { color: var(--link-color-hover, darkblue); } p { margin: 0 0 var(--spacing-medium, 1.5rem); } pre { background: #111; margin: 0 0 var(--spacing-medium, 1.5rem); padding: var(--spacing-medium, 1.5rem); max-height: 30rem; overflow: auto; color: white; } ul, ol { margin: 0 0 var(--spacing-medium, 1.5rem) var(--spacing-large, 3rem); padding: 0; } dl { margin: 0 0 var(--spacing-medium, 1.5rem); } p:has(> img:only-child), p:has(> video:only-child), figure { margin: 0 0 var(--spacing-medium, 1.5rem); } p:has(> img:only-child) img, p:has(> img:only-child) video, p:has(> video:only-child) img, p:has(> video:only-child) video, figure img, figure video { display: block; width: 100%; } img, svg, video { max-width: 100%; height: auto; } blockquote { margin: 0 0 var(--spacing-medium, 1.5rem); } hr { margin: var(--spacing-large) 0; border: 1px solid var(--color-border); border-top: 0; } .container { --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); width: var(--site-width); margin: var(--container-margin, 6rem) auto; } input, select, textarea { accent-color: var(--color-primary, auto); } input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local], select, textarea { background-color: var(--form-field-bg, white); -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 100%; max-width: 100%; margin: 0; padding: var(--form-field-padding-y, 0.75rem) var(--form-field-padding-x, 1.25rem); font-size: var(--form-field-font-size, var(--body-font-size, inherit)); font-family: var(--form-field-font-family, var(--body-font-family, inherit)); font-weight: var(--form-field-font-weight, var(--body-font-weight, inherit)); letter-spacing: var(--form-field-letter-spacing, var(--body-letter-spacing, inherit)); line-height: var(--form-field-line-height, var(--body-line-height, inherit)); text-transform: none; text-decoration: none; text-align: left; color: var(--form-field-text-color, var(--text-color, inherit)); transition: all var(--form-field-transition-duration, 0.25s) var(--easing); border-width: var(--form-field-border-width, 1px); border-style: var(--form-field-border-style, solid); border-color: var(--form-field-border-color, var(--color-border, black)); border-radius: var(--form-field-border-radius, var(--border-radius, 0)); } input[type=text]:hover,input[type=password]:hover,input[type=search]:hover,input[type=email]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,input[type=month]:hover,input[type=week]:hover,input[type=time]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover, select:hover, textarea:hover { background-color: var(--form-field-hover-bg, var(--form-field-bg, white)); border-color: var(--form-field-hover-border-color, var(--color-primary, blue)); } input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus, select:focus, textarea:focus { background-color: var(--form-field-focus-bg, var(--form-field-bg, white)); border-color: var(--form-field-focus-border-color, var(--color-primary, blue)); outline: 0; } select { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right var(--form-field-padding-x, 1.25rem) top 50%; background-size: var(--select-arrow-size, 0.5rem) auto; padding-right: calc(var(--form-field-padding-x, 1.25rem) * 2 + var(--select-arrow-size, 0.5rem)); } textarea { resize: vertical; } textarea:not([rows]) { height: 12rem; } ::-moz-placeholder { color: var(--placeholder-color, var(--color-gray, #999)); } ::placeholder { color: var(--placeholder-color, var(--color-gray, #999)); } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } .grid, [class*=grid--] { --grid-cols: 1; display: grid; gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem)); grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr)); } .grid--2 { --grid-cols: 2; } .grid--3 { --grid-cols: 3; } .grid--4 { --grid-cols: 4; } .grid--5 { --grid-cols: 5; } .grid--6 { --grid-cols: 6; } @media (min-width: 768px) { [class*="tablet:grid--"] { --grid-cols: 1; display: grid; gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem)); grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr)); } .tablet\:grid--2 { --grid-cols: 2; } .tablet\:grid--3 { --grid-cols: 3; } .tablet\:grid--4 { --grid-cols: 4; } .tablet\:grid--5 { --grid-cols: 5; } .tablet\:grid--6 { --grid-cols: 6; } } @media (min-width: 1080px) { [class*="laptop:grid--"] { --grid-cols: 1; display: grid; gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem)); grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr)); } .laptop\:grid--2 { --grid-cols: 2; } .laptop\:grid--3 { --grid-cols: 3; } .laptop\:grid--4 { --grid-cols: 4; } .laptop\:grid--5 { --grid-cols: 5; } .laptop\:grid--6 { --grid-cols: 6; } } [class^=icon-]::before, [class*=" icon-"]::before { margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; } [class^=icon-]:empty::before, [class*=" icon-"]:empty::before { margin-right: 0; } [class^=icon-]:blank::before, [class*=" icon-"]:blank::before { margin-right: 0; } .icon--after::after { margin-right: 0; margin-left: var(--icon-margin, 0.25rem); line-height: inherit; } .icon--after:empty::after { margin-left: 0; } .icon--after:blank::after { margin-left: 0; } [class*=ratio--] { position: relative; display: block; } [class*=ratio--]::before { pointer-events: none; display: block; content: ""; padding-bottom: 56.25%; } [class*=ratio--] > img, [class*=ratio--] > video, [class*=ratio--] > iframe, [class*=ratio--] > :not(figcaption) img, [class*=ratio--] > :not(figcaption) video, [class*=ratio--] > :not(figcaption) iframe { position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: auto; } .ratio--16-9::before { padding-bottom: 56.25%; } .ratio--21-9::before { padding-bottom: 42.8571428571%; } .ratio--4-3::before { padding-bottom: 75%; } .ratio--1-1::before { padding-bottom: 100%; } .ratio--4-5::before { padding-bottom: 125%; } .section { --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); padding: var(--section-padding, 6rem) var(--site-padding); } .video { position: relative; padding-bottom: 56.25%; margin: 0 0 var(--spacing-medium, 1.5rem); height: 0; } .video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .list--icon { margin-left: 0; list-style: none; } .list--icon > li { position: relative; padding-left: calc(var(--icon-size, 1lh) + var(--spacing-small)); } .list--icon > li:not(:last-child) { margin-bottom: var(--spacing-medium); } .list--icon > li::before { background-color: var(--icon-round-bg); display: inline-flex; align-items: center; justify-content: center; margin: 0; width: calc(1em / var(--icon-scale, 0.7)); height: calc(1em / var(--icon-scale, 0.7)); width: round(1em / var(--icon-scale, 0.7), 1px); height: round(1em / var(--icon-scale, 0.7), 1px); line-height: 1; font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.7)); font-size: round(var(--icon-size, 1.77em) * var(--icon-scale, 0.7), 1px); color: var(--icon-color); border-radius: 50%; border: 1px solid var(--icon-round-bg); color: var(--icon-round-color); position: absolute; left: 0; top: 0; } :where(.list--icon > li:not([class^=icon-]))::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "𕴱"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; margin: 0; } details.accordion { counter-increment: accordion; display: grid; grid-template-rows: auto 0fr; gap: 0 var(--spacing-medium); align-content: start; padding-bottom: var(--accordion-spacing, var(--spacing-medium)); border-bottom: 1px solid var(--color-border); transition-duration: 0.5s; } :where(details.accordion + details.accordion) { margin-top: var(--accordion-spacing, var(--spacing-medium)); } details.accordion summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; margin: 0; cursor: pointer; } :where(details.accordion summary) { font-family: var(--body-font-family, sans-serif); font-weight: var(--body-font-weight, normal); font-style: var(--body-font-style, normal); line-height: var(--body-line-height, 1.6); letter-spacing: var(--body-letter-spacing, 0); text-transform: var(--body-text-transform, none); font-size: var(--font-size-large); color: var(--heading-color); font-weight: 600; } details.accordion summary::-webkit-details-marker { display: none; } details.accordion summary::after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e813"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; font-size: 1lh; align-self: start; grid-row: 1; grid-column: 2; margin: 0 0 0 var(--spacing-medium); transition-duration: 0.5s; } details.accordion summary > :last-child { margin-bottom: 0; } details.accordion summary + div > :first-child { margin-top: var(--spacing-small); } details.accordion::details-content { overflow: hidden; opacity: 0; transition: content-visibility, opacity; transition-behavior: allow-discrete; transition-duration: 0.5s; } details.accordion[open] { grid-template-rows: auto 1fr; } details.accordion[open] summary::after { content: "\e812"; } details.accordion[open]::details-content { opacity: 1; } .bg--default { --heading-color: #141414; --heading-color-alt: #926444; --text-color: #141414; --icon-round-bg: #173F35; --icon-round-color: #C3D9D7; --tag-bg: #C3D9D7; --tag-color: #173F35; --form-field-border-color: #BDBEBE; --form-field-focus-border-color: #173F35; --color-border: #926444; --error-color: #DE1135; --button-bg: #141414; --button-bg-hover: #173F35; --button-color: #FFF; --button-color-hover: #FFF; --button-secondary-bg: #EFBE9C; --button-secondary-bg-hover: #141414; --button-secondary-color: #141414; --button-secondary-color-hover: #FFF; --button-ghost-bg: #141414; --button-ghost-bg-hover: #141414; --button-ghost-color: #141414; --button-ghost-color-hover: #FFF; --bg-color: #FFF; background-color: var(--bg-color); color: var(--text-color); } .bg--secondary { --heading-color: #141414; --heading-color-alt: #754829; --text-color: #141414; --icon-round-bg: #173F35; --icon-round-color: #C3D9D7; --tag-bg: #173F35; --tag-color: #FFF; --form-field-border-color: #FFF; --form-field-focus-border-color: #173F35; --color-border: #754829; --error-color: #DE1135; --button-bg: #141414; --button-bg-hover: #173F35; --button-color: #FFF; --button-color-hover: #FFF; --button-secondary-bg: #141414; --button-secondary-bg-hover: #173F35; --button-secondary-color: #FFF; --button-secondary-color-hover: #FFF; --button-ghost-bg: #141414; --button-ghost-bg-hover: #141414; --button-ghost-color: #141414; --button-ghost-color-hover: #FFF; --bg-color: #EFBE9C; background-color: var(--bg-color); color: var(--text-color); } .bg--secondary-2 { --heading-color: #141414; --heading-color-alt: #926444; --text-color: #141414; --icon-round-bg: #173F35; --icon-round-color: #C3D9D7; --tag-bg: #173F35; --tag-color: #FFF; --form-field-border-color: #FFF; --form-field-focus-border-color: #173F35; --color-border: #926444; --error-color: #DE1135; --button-bg: #141414; --button-bg-hover: #173F35; --button-color: #FFF; --button-color-hover: #FFF; --button-secondary-bg: #EFBE9C; --button-secondary-bg-hover: #141414; --button-secondary-color: #141414; --button-secondary-color-hover: #FFF; --button-ghost-bg: #141414; --button-ghost-bg-hover: #141414; --button-ghost-color: #141414; --button-ghost-color-hover: #FFF; --bg-color: #FCF2EB; background-color: var(--bg-color); color: var(--text-color); } .bg--primary { --heading-color: #141414; --heading-color-alt: #173F35; --text-color: #141414; --icon-round-bg: #173F35; --icon-round-color: #C3D9D7; --tag-bg: #FCF2EB; --tag-color: #141414; --form-field-border-color: #FFF; --form-field-focus-border-color: #173F35; --color-border: #173F35; --error-color: #DE1135; --button-bg: #141414; --button-bg-hover: #173F35; --button-color: #FFF; --button-color-hover: #FFF; --button-secondary-bg: #141414; --button-secondary-bg-hover: #173F35; --button-secondary-color: #FFF; --button-secondary-color-hover: #FFF; --button-ghost-bg: #141414; --button-ghost-bg-hover: #141414; --button-ghost-color: #141414; --button-ghost-color-hover: #FFF; --bg-color: #83AFB4; background-color: var(--bg-color); color: var(--text-color); } .bg--primary-2 { --heading-color: #141414; --heading-color-alt: #173F35; --text-color: #141414; --icon-round-bg: #173F35; --icon-round-color: #C3D9D7; --tag-bg: #173F35; --tag-color: #FFF; --form-field-border-color: #FFF; --form-field-focus-border-color: #173F35; --color-border: #173F35; --error-color: #DE1135; --button-bg: #141414; --button-bg-hover: #173F35; --button-color: #FFF; --button-color-hover: #FFF; --button-secondary-bg: #141414; --button-secondary-bg-hover: #173F35; --button-secondary-color: #FFF; --button-secondary-color-hover: #FFF; --button-ghost-bg: #141414; --button-ghost-bg-hover: #141414; --button-ghost-color: #141414; --button-ghost-color-hover: #FFF; --bg-color: #C3D9D7; background-color: var(--bg-color); color: var(--text-color); } .bg--primary-3 { --heading-color: #FFF; --heading-color-alt: #83AFB4; --text-color: #FFF; --icon-round-bg: #C3D9D7; --icon-round-color: #173F35; --tag-bg: #FCF2EB; --tag-color: #141414; --form-field-border-color: #FFF; --form-field-focus-border-color: #83AFB4; --color-border: #83AFB4; --error-color: #DE1135; --button-bg: #EFBE9C; --button-bg-hover: #141414; --button-color: #141414; --button-color-hover: #FFF; --button-secondary-bg: #FFF; --button-secondary-bg-hover: #FCF2EB; --button-secondary-color: #141414; --button-secondary-color-hover: #141414; --button-ghost-bg: #FFF; --button-ghost-bg-hover: #FFF; --button-ghost-color: #FFF; --button-ghost-color-hover: #141414; --bg-color: #173F35; background-color: var(--bg-color); color: var(--text-color); } .bg--media { --heading-color: #FFF; --heading-color-alt: #83AFB4; --text-color: #FFF; --icon-round-bg: #C3D9D7; --icon-round-color: #173F35; --tag-bg: #FCF2EB; --tag-color: #141414; --form-field-border-color: #FFF; --form-field-focus-border-color: #83AFB4; --color-border: #83AFB4; --error-color: #DE1135; --button-bg: #EFBE9C; --button-bg-hover: #FFF; --button-color: #141414; --button-color-hover: #141414; --button-secondary-bg: #FFF; --button-secondary-bg-hover: #FCF2EB; --button-secondary-color: #141414; --button-secondary-color-hover: #141414; --button-ghost-bg: #FFF; --button-ghost-bg-hover: #FFF; --button-ghost-color: #FFF; --button-ghost-color-hover: #141414; --bg-color: var(--color-overlay); background-color: transparent; color: var(--text-color); } :where(.bg--media) { position: relative; } .bg--media.bg--media-overlay::before { background-color: var(--bg-color); content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .bg--media > figure:first-child { display: contents; } .bg--media > figure:first-child > div { display: contents; } .bg--media > figure:first-child :is(img, video) { position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; } :root { --button-padding-x: 1.5625rem; --button-padding-y: 0.875rem; --button-font-size: 1rem; --button-font-family: "Roobert", "Helvetica Neue", "Arial", sans-serif; --button-font-weight: 400; --button-letter-spacing: 0.02; --button-line-height: 1.2; --button-font: var(--button-font-weight) var(--button-font-size ) /var(--button-line-height) var(--button-font-family); --button-border-radius: calc(infinity * 1px); } .button, input[type=submit] { background: var(--button-bg); box-sizing: border-box; display: inline-block; padding: var(--button-padding-y) var(--button-padding-x); vertical-align: middle; font-size: var(--button-font-size); font-family: var(--button-font-family); font-weight: var(--button-font-weight); letter-spacing: var(--button-letter-spacing); line-height: var(--button-line-height); text-decoration: none; text-align: center; color: var(--button-color); cursor: pointer; border: 1px solid var(--button-bg); border-radius: var(--button-border-radius); transition: 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); transition-property: background-color, border-color, color; } .button:disabled, input[type=submit]:disabled { cursor: not-allowed; } .button:not(:disabled):hover, input[type=submit]:not(:disabled):hover { background: var(--button-bg-hover); border-color: var(--button-bg-hover); color: var(--button-color-hover); text-decoration: none; } .button--s { --button-font-size: 0.875rem; --button-padding-x: 1.1875rem; --button-padding-y: 0.7rem; } .button--ghost { --button-bg: var(--button-ghost-bg); --button-bg-hover: var(--button-ghost-bg-hover); --button-color: var(--button-ghost-color); --button-color-hover: var(--button-ghost-color-hover); } .button--ghost:not(:hover), .button--ghost:disabled { background: transparent; } .button--secondary { --button-bg: var(--button-secondary-bg); --button-bg-hover: var(--button-secondary-bg-hover); --button-color: var(--button-secondary-color); --button-color-hover: var(--button-secondary-color-hover); } .button:is(.icon-right, .icon-arrow-right) { --link-decoration: underline; } .button:is(.icon-right, .icon-arrow-right)::after { margin: 0 0 0 var(--spacing-x-small); text-decoration: none; transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } .button:is(.icon-right, .icon-arrow-right):hover::after { translate: 0.15rem; } .button.button--small { font-size: var(--button-font-size); } .link--arrow { font: var(--button-font); color: var(--text-color); text-decoration-line: underline; cursor: pointer; transition: all var(--link-transition-duration, 0.25s) var(--easing); } .link--arrow::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e808"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; margin: 0 var(--spacing-x-small) 0 0; text-decoration: none; transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } .link--arrow:hover::before { translate: 0.15rem; } .link--arrow.button--small { font-size: var(--button-font-size); } .buttons { display: flex; align-items: center; gap: var(--spacing-medium); flex-wrap: wrap; width: -moz-fit-content; width: fit-content; max-width: 100%; margin-top: var(--spacing-medium); } .buttons > * { flex: 1 0 auto; max-width: 100%; } :where(.buttons.text--left, .text--left .buttons) { margin: 0; } :where(.buttons.text--center, .text--center .buttons) { margin: 0 auto; } :where(.buttons.text--right, .text--right .buttons) { margin: 0 0 0 auto; } :root { --card-padding: max(var(--spacing-medium), min(6.4vw, var(--spacing-large))); --card-radius: var(--border-radius-small); } .card { overflow: clip; padding: var(--card-padding-y, var(--card-padding)) var(--card-padding-x, var(--card-padding)); border-radius: var(--card-radius); } .card > :where(:last-child) { margin-bottom: 0; } .card.card--clickable { padding: 0; } .card.card--clickable > a { padding: var(--card-padding-y, var(--card-padding)) var(--card-padding-x, var(--card-padding)); height: 100%; } .card.card--clickable > a:not([class*=bg--]) { color: inherit; } .card.card--clickable > a:hover { --button-hover: true; --media-dolly: 1; } :where(.card.card--clickable > a) { display: block; } :where(.card.card--clickable > a) > :last-child { margin-bottom: 0; } .card :where(.card-media) { position: relative; margin-inline: calc(var(--card-padding-x, var(--card-padding)) * -1); } .card :where(.card-media:first-child) { margin-top: calc(var(--card-padding-y, var(--card-padding)) * -1); margin-bottom: var(--card-padding-y, var(--card-padding)); } .card :where(.card-media:last-child) { margin-top: var(--card-padding-y, var(--card-padding)); margin-bottom: calc(var(--card-padding-y, var(--card-padding)) * -1); } .filter-items--hidden { display: none; } :root { --form-field-bg: #FFF; --form-field-focus-bg: var(--form-field-bg); --form-field-hover-bg: var(--form-field-bg); --form-field-spacing: var(--spacing-small); --form-field-padding-x: 1.25rem; --form-field-padding-y: 0.9375rem; --form-field-text-color: #141414; --form-field-font-size: 1rem; --form-field-font-family: var(--body-font-family); --form-field-font-weight: var(--body-font-weight); --form-field-letter-spacing: var(--body-letter-spacing); --form-field-line-height: 1.5; --form-field-border-width: 1px; --form-field-border-style: solid; --form-field-border-radius: 0; --form-field-hover-border-color: var(--form-field-border-color); --select-arrow-size: 0.75rem; --placeholder-color: #747474; } input, select, textarea { accent-color: var(--form-field-text-color); } select { background-image: var(--select-arrow-svg, url('data:image/svg+xml;utf8,')); } textarea:not([rows]) { field-sizing: content; min-height: calc(2lh + (var(--form-field-padding-y) + var(--form-field-border-width)) * 2); max-height: calc(7lh + (var(--form-field-padding-y) + var(--form-field-border-width)) * 2); height: auto; } .sleek-form fieldset { all: unset; } .sleek-form fieldset legend { font-size: var(--font-size-small); font-weight: 500; letter-spacing: 0.03em; text-transform: uppercase; display: block; } .sleek-form .field-group { display: flex; flex-wrap: wrap; gap: var(--form-field-spacing); margin-bottom: var(--form-field-spacing); } .sleek-form .field-group > * { flex: 1 1 16rem; } .sleek-form .field-group fieldset { text-wrap: balance; margin: 0 0 calc(var(--spacing-small) * -1); } .sleek-form .field-group fieldset:last-child { margin-bottom: 0; } .sleek-form .field-group fieldset > label { display: inline-block; margin: 0 var(--spacing-small) var(--spacing-small) 0; } .sleek-form .field-group fieldset > ul { list-style: none; margin: 0 0 var(--spacing-small); } .sleek-form .field-group fieldset > ul li:not(:last-child) { margin-bottom: var(--spacing-x-small); } .sleek-form .field-group label { font-size: var(--font-size-xx-small); font-weight: 500; letter-spacing: 0.03em; text-transform: uppercase; display: block; } .sleek-form .field-group label > :first-child { margin-top: 0.15em; } .sleek-form .field-group [type=radio], .sleek-form .field-group [type=checkbox] { margin-right: var(--spacing-x-small); } .sleek-form .field-group [type=radio] + span, .sleek-form .field-group [type=checkbox] + span { font: var(--font-medium); } form.search-form { --form-field-border-radius: 10rem; } form.search-form div { width: 100%; position: relative; } form.search-form div input { padding-right: calc(var(--form-field-padding-x) * 2 + var(--body-font-size)); } form.search-form div button { all: unset; position: absolute; top: 0; right: 0; bottom: 0; display: block; padding: 0 var(--form-field-padding-x); color: var(--form-field-text-color); font-size: calc(var(--form-field-font-size) * 1.2); text-indent: -999999px; cursor: pointer; } form.search-form div button::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e814"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; margin: 0; float: left; text-indent: 0; } input[type=search]:only-child { --icon-size: 1.3em; padding-right: calc(1.3em + var(--form-field-padding-x) + var(--spacing-small)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%231F2024' viewBox='0 0 24 24'%3E%3Cpath d='M16.8931 16.0671H17.8133L20.999 19.2645L19.2635 21L16.0662 17.8143V16.8941L15.7517 16.568C14.4239 17.7094 12.7 18.3966 10.8248 18.3966C6.64333 18.3966 3.25391 15.0072 3.25391 10.8258C3.25391 6.64431 6.64333 3.25488 10.8248 3.25488C15.0062 3.25488 18.3957 6.64431 18.3957 10.8258C18.3957 12.701 17.7085 14.4248 16.567 15.7527L16.8931 16.0671ZM5.58341 10.8258C5.58341 13.726 7.92456 16.0671 10.8248 16.0671C13.725 16.0671 16.0662 13.726 16.0662 10.8258C16.0662 7.92553 13.725 5.58438 10.8248 5.58438C7.92456 5.58438 5.58341 7.92553 5.58341 10.8258Z' fill='%23000'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--form-field-padding-x) top 50%; background-size: 1.3em auto; } .hs-form fieldset { max-width: none !important; } .hs-form .hs-input { width: 100% !important; } .hs-form .hs-input[type=radio], .hs-form .hs-input[type=checkbox] { width: auto !important; margin-right: var(--spacing-x-small, 0.5rem); } .hs-form .legal-consent-container .hs-form-booleancheckbox-display input { float: none !important; width: auto !important; margin-right: var(--spacing-x-small); vertical-align: sub; height: 1lh; } .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span { display: inline; margin: 0; } .hs-form .legal-consent-container .field.hs-form-field { margin: 0 0 var(--form-field-spacing); } .hs-form fieldset.form-columns-1 .hs-form-field, .hs-form fieldset.form-columns-2 .hs-form-field, .hs-form fieldset.form-columns-3 .hs-form-field, .hs-form fieldset.form-columns-4 .hs-form-field, .hs-form fieldset.form-columns-5 .hs-form-field, .hs-form fieldset.form-columns-6 .hs-form-field, .hs-form fieldset.form-columns-7 .hs-form-field, .hs-form fieldset.form-columns-8 .hs-form-field { width: auto !important; float: none !important; } .hs-form fieldset.form-columns-1 .input, .hs-form fieldset.form-columns-2 .input, .hs-form fieldset.form-columns-3 .input, .hs-form fieldset.form-columns-4 .input, .hs-form fieldset.form-columns-5 .input, .hs-form fieldset.form-columns-6 .input, .hs-form fieldset.form-columns-7 .input, .hs-form fieldset.form-columns-8 .input { margin: 0 !important; } @media (min-width: 768px) { .hs-form fieldset.form-columns-2 .hs-form-field { float: left !important; width: calc(50% - 0.5625rem) !important; margin-right: 1.125rem; } .hs-form fieldset.form-columns-2 .hs-form-field:last-child { margin-right: 0; } .hs-form fieldset.form-columns-3 .hs-form-field { float: left !important; width: calc(33.3333333333% - 0.75rem) !important; margin-right: 1.125rem; } .hs-form fieldset.form-columns-3 .hs-form-field:last-child { margin-right: 0; } .hs-form fieldset.form-columns-4 .hs-form-field { float: left !important; width: calc(25% - 0.84375rem) !important; margin-right: 1.125rem; } .hs-form fieldset.form-columns-4 .hs-form-field:last-child { margin-right: 0; } .hs-form fieldset.form-columns-5 .hs-form-field { float: left !important; width: calc(20% - 0.9rem) !important; margin-right: 1.125rem; } .hs-form fieldset.form-columns-5 .hs-form-field:last-child { margin-right: 0; } .hs-form fieldset.form-columns-6 .hs-form-field { float: left !important; width: calc(16.6666666667% - 0.9375rem) !important; margin-right: 1.125rem; } .hs-form fieldset.form-columns-6 .hs-form-field:last-child { margin-right: 0; } .hs-form fieldset.form-columns-7 .hs-form-field { float: left !important; width: calc(14.2857142857% - 0.9642857143rem) !important; margin-right: 1.125rem; } .hs-form fieldset.form-columns-7 .hs-form-field:last-child { margin-right: 0; } .hs-form fieldset.form-columns-8 .hs-form-field { float: left !important; width: calc(12.5% - 0.984375rem) !important; margin-right: 1.125rem; } .hs-form fieldset.form-columns-8 .hs-form-field:last-child { margin-right: 0; } } .hs-form a:not(.button) { --link-decoration: underline; } .hs-form .hs-form-field { display: block; margin: 0 0 var(--form-field-spacing); font-size: var(--font-size-small); } .hs-form .hs-form-field input.invalid { --form-field-border-color: var(--error-color); --form-field-hover-border-color: var(--error-color); } .hs-form .hs-form-field > label > span { font-size: var(--font-size-xx-small); font-weight: 500; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: var(--spacing-x-small); } .hs-form .hs-form-field > label > span:not(:empty) { display: inline-block; } .hs-form .hs-form-field > label > span.hs-form-required { margin-left: 2px; } .hs-form .hs-form-field > label > span:empty + span.hs-form-required { display: none; } .hs-form .hs-form-field > legend { font-size: calc(var(--font-size-x-small) * 0.8); font-style: italic; line-height: 1; margin-bottom: var(--spacing-x-small); } .hs-form ul.inputs-list { margin: var(--spacing-x-small) 0 0; list-style: none; font-size: var(--font-size-x-small); } .hs-form ul.inputs-list.multi-container { margin-bottom: calc(var(--spacing-small) * -1); text-wrap: balance; } .hs-form ul.inputs-list.multi-container li { display: inline-block; margin: 0 var(--spacing-medium) var(--spacing-small) 0; } .hs-form ul.inputs-list.multi-container li:only-child { margin: 0; } .hs-form ul.hs-error-msgs { margin: var(--spacing-xx-small) 0 0; list-style: none; font-size: var(--font-size-xx-small); font-style: italic; } .hs-form ul.hs-error-msgs li { display: block; } .hs-form ul.hs-error-msgs li:not(:last-child) { margin-bottom: var(--spacing-x-small); } .hs-form .hs_error_rollup { display: none; } .hs-form .legal-consent-container { font-size: var(--font-size-x-small); margin-bottom: var(--spacing-medium); } .hs-form .legal-consent-container p, .hs-form .legal-consent-container .hs-richtext, .hs-form .legal-consent-container .hs-dependent-field { margin-bottom: var(--spacing-small); } .hs-form .legal-consent-container p > :last-child, .hs-form .legal-consent-container .hs-richtext > :last-child, .hs-form .legal-consent-container .hs-dependent-field > :last-child { margin-bottom: 0; } .row-gap--large { --grid-row-gap: var(--spacing-large); } .row-gap--x-large { --grid-row-gap: var(--spacing-x-large); } .icon--round { background-color: var(--icon-round-bg); display: inline-flex; align-items: center; justify-content: center; margin: 0; width: calc(1em / var(--icon-scale, 0.7)); height: calc(1em / var(--icon-scale, 0.7)); width: round(1em / var(--icon-scale, 0.7), 1px); height: round(1em / var(--icon-scale, 0.7), 1px); line-height: 1; font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.7)); font-size: round(var(--icon-size, 1.77em) * var(--icon-scale, 0.7), 1px); color: var(--icon-color); border-radius: 50%; border: 1px solid var(--icon-round-bg); color: var(--icon-round-color); } .media--dolly { overflow: hidden; } .media--dolly :is(img, video) { transition: transform 0.8s var(--easing); transform: scale(max(1, var(--media-dolly, 0) * 1.03)); } a:hover .media--dolly, .media--dolly:hover { --media-dolly: 1; } :root { --module-header-spacing: var(--spacing-x-large); } .module-header { container-type: inline-size; margin-bottom: var(--module-header-spacing); } .module-header > h2 { max-width: var(--site-width-small); } .module-header > .wysiwyg { max-width: var(--site-width-x-small); } .module-header > .wysiwyg > :last-child { margin-bottom: 0; } .module-header > :last-child { margin-bottom: 0; } .module-header.text--center, .text--center .module-header { display: block; width: 100%; max-width: var(--site-width-small); margin-inline: auto; } .module-header.text--center > h2, .text--center .module-header > h2 { margin: 0 auto var(--heading-margin); } .module-header.text--center > .wysiwyg, .text--center .module-header > .wysiwyg { margin-inline: auto; } .module-header.text--center > nav, .text--center .module-header > nav { margin-top: var(--spacing-medium); } @media (min-width: 1080px) { .module-header { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; align-content: start; gap: 0 var(--grid-gap); } .module-header > * { grid-column: 1/-1; } .module-header > h2 { margin-bottom: 0; } .module-header > .wysiwyg { margin-top: var(--heading-margin); } @container (min-width: 700px) { .module-header > :is(h2, .wysiwyg) { grid-column: 1/span 7; } .module-header > nav { grid-column: 9/span 4; margin-left: auto; align-self: end; margin-top: 0; } .module-header > nav:nth-child(3) { grid-row: 1/span 2; } } } .post--post { position: relative; display: flex; flex-direction: column; } .post--post > span { align-self: start; margin-bottom: var(--spacing-small); } .post--post > figure + span { position: absolute; top: var(--spacing-small); left: var(--spacing-small); --tag-bg: #FCF2EB; --tag-color: #141414; } .post--post > div { flex: 1; display: flex; flex-direction: column; } .post--post ul { margin-left: 0; padding-left: 0; list-style: none; order: 1; margin: 0 0 var(--spacing-x-small); } .post--post ul > * { display: inline-block; } .post--post ul > *:not(:last-child)::after { margin: 0 var(--list-separated-spacing, 0.25em); content: var(--list-separated-separator, "|"); } .post--post h3 { font-family: var(--body-font-family, sans-serif); font-weight: var(--body-font-weight, normal); font-style: var(--body-font-style, normal); line-height: var(--body-line-height, 1.6); letter-spacing: var(--body-letter-spacing, 0); text-transform: var(--body-text-transform, none); font-size: var(--body-font-size, 1rem); color: var(--text-color, black); font-weight: 600; order: 2; } .post--post .link--arrow { order: 3; margin-top: auto; align-self: start; } .post--employee img { -o-object-position: top center; object-position: top center; } .post--employee > .h5 { margin-bottom: var(--spacing-x-small); } .post--employee > p { margin-bottom: var(--spacing-small); } .post--employee > ul { list-style: none; margin: 0; display: grid; gap: var(--spacing-x-small); font-size: var(--font-size-small); } .post--employee > ul a { --link-decoration: underline; } .post--employee > :last-child { margin-bottom: 0; } @media (max-width: 1079px) { .laptop-max\:ratio--16-9::before { padding-bottom: 56.25%; } .laptop-max\:ratio--21-9::before { padding-bottom: 42.8571428571%; } .laptop-max\:ratio--4-3::before { padding-bottom: 75%; } .laptop-max\:ratio--1-1::before { padding-bottom: 100%; } .laptop-max\:ratio--4-5::before { padding-bottom: 125%; } } :root { --site-width-medium: 52.75rem; --site-width-small: 47.5rem; --site-width-x-small: 35.625rem; } .section--medium { --site-width-max: 52.75rem; --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); padding: var(--section-padding, 6rem) var(--site-padding); } .container--medium { --site-width-max: 52.75rem; --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); width: var(--site-width); margin: var(--container-margin, 6rem) auto; } .section--small { --site-width-max: 47.5rem; --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); padding: var(--section-padding, 6rem) var(--site-padding); } .container--small { --site-width-max: 47.5rem; --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); width: var(--site-width); margin: var(--container-margin, 6rem) auto; } .section--x-small { --site-width-max: 35.625rem; --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); padding: var(--section-padding, 6rem) var(--site-padding); } .container--x-small { --site-width-max: 35.625rem; --site-width: min( var(--site-width-min, 90vw), var(--site-width-max, 1280px) ); --site-padding: calc( ( 100vw - var(--scrollbar-width) - var(--site-width) ) / 2 ); width: var(--site-width); margin: var(--container-margin, 6rem) auto; } .social-links { list-style: none; margin: 0; } .social-links a::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; display: none; margin-right: var(--icon-margin, 0.25rem); } .social-links a[href*="facebook.com"]::before { display: inline-block; content: "\e80f"; } .social-links a[href*="twitter.com"]::before { display: inline-block; content: "\e815"; } .social-links a[href*="linkedin.com"]::before { display: inline-block; content: "\e811"; } .social-links a[href*="instagram.com"]::before { display: inline-block; content: "\e810"; } .social-links a[href*="youtube.com"]::before { display: inline-block; content: "\f16a"; } .social-links a[href*="vimeo.com"]::before { display: inline-block; content: "\f27d"; } .social-links a[href^="mailto:"]::before { display: inline-block; content: "\e804"; } :where(.social-links) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-small); } .social-links > li > a { text-decoration: none; display: block; text-indent: -9999px; font-size: var(--font-size-large); } .social-links > li > a::before { float: left; text-indent: 0; } .tag { display: inline-block; background-color: var(--tag-bg); padding: var(--spacing-xx-small) var(--spacing-small); color: var(--tag-color); font-size: var(--font-size-small); letter-spacing: 0.02em; border-radius: 10rem; } .tag:hover { color: var(--tag-color); } .tags { display: flex; gap: var(--spacing-x-small); flex-wrap: wrap; margin-bottom: var(--spacing-small); } .tags.text--center, .text--center .tags { justify-content: center; } .text--center { text-align: center; } .text--caption, .text--caption-s { font-family: var(--body-font-family, sans-serif); font-weight: var(--body-font-weight, normal); font-style: var(--body-font-style, normal); line-height: var(--body-line-height, 1.6); letter-spacing: var(--body-letter-spacing, 0); text-transform: var(--body-text-transform, none); font-size: var(--font-size-x-small); color: var(--text-color, black); font-weight: 500; text-transform: uppercase; letter-spacing: 0.03em; } .text--caption-s { font-size: var(--font-size-xx-small); } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { text-wrap: pretty; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } @media (min-width: 1080px) { .laptop\:hide { display: none !important; } } @media (max-width: 1079px) { .laptop\:show { display: none !important; } } @media (min-width: 768px) { .tablet\:hide { display: none !important; } } @media (max-width: 767px) { .tablet\:show { display: none !important; } } :is(.wysiwyg, .wysiwyg > span) > :first-child { margin-top: 0; } :is(.wysiwyg, .wysiwyg > span) :is(h1, h2) { font-size: var(--h4-size); } :is(.wysiwyg, .wysiwyg > span) h3 { font-size: var(--h5-size); } :is(.wysiwyg, .wysiwyg > span) :is(h4, h5, h6) { font-size: var(--h6-size); } :is(.wysiwyg, .wysiwyg > span) strong { font-weight: 600; } :is(.wysiwyg, .wysiwyg > span) a:not(.button) { --link-decoration: underline; } :is(.wysiwyg, .wysiwyg > span) > :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { margin-top: var(--spacing-large); margin-bottom: var(--spacing-small); } :is(.wysiwyg, .wysiwyg > span) > :where(ul, ol) { margin: var(--spacing-large) 0; list-style: none; } :is(.wysiwyg, .wysiwyg > span) > :where(ul, ol):first-child { margin-top: 0; } :is(.wysiwyg, .wysiwyg > span) > :where(ul, ol) > li { position: relative; } :is(.wysiwyg, .wysiwyg > span) > :where(ul, ol) > li:not(:last-child) { margin-bottom: var(--spacing-small); } :is(.wysiwyg, .wysiwyg > span) > :where(ul, ol) > li::before { display: block; position: absolute; top: 0; left: 0; } :is(.wysiwyg, .wysiwyg > span) > :where(ul:not([style*="list-style-type: square"])) { margin-left: min(5%, var(--spacing-large)); } :is(.wysiwyg, .wysiwyg > span) > :where(ul:not([style*="list-style-type: square"])) > li { padding-left: calc(0.44em + var(--spacing-small)); } :is(.wysiwyg, .wysiwyg > span) > :where(ul:not([style*="list-style-type: square"])) > li::before { content: ""; background-color: var(--icon-round-bg); top: calc((1lh - 0.44em) / 2); width: 0.44em; height: 0.44em; border-radius: 50%; } :is(.wysiwyg, .wysiwyg > span) > :where(ul[style*="list-style-type: square"]) { margin-left: 0; list-style: none; list-style: none !important; --icon-size: 1lh; } :is(.wysiwyg, .wysiwyg > span) > :where(ul[style*="list-style-type: square"]) > li { position: relative; padding-left: calc(var(--icon-size, 1lh) + var(--spacing-small)); } :is(.wysiwyg, .wysiwyg > span) > :where(ul[style*="list-style-type: square"]) > li:not(:last-child) { margin-bottom: var(--spacing-medium); } :is(.wysiwyg, .wysiwyg > span) > :where(ul[style*="list-style-type: square"]) > li::before { background-color: var(--icon-round-bg); display: inline-flex; align-items: center; justify-content: center; margin: 0; width: calc(1em / var(--icon-scale, 0.7)); height: calc(1em / var(--icon-scale, 0.7)); width: round(1em / var(--icon-scale, 0.7), 1px); height: round(1em / var(--icon-scale, 0.7), 1px); line-height: 1; font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.7)); font-size: round(var(--icon-size, 1.77em) * var(--icon-scale, 0.7), 1px); color: var(--icon-color); border-radius: 50%; border: 1px solid var(--icon-round-bg); color: var(--icon-round-color); position: absolute; left: 0; top: 0; } :where(:is(.wysiwyg, .wysiwyg > span) > :where(ul[style*="list-style-type: square"]) > li:not([class^=icon-]))::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "𕴱"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; margin: 0; } :is(.wysiwyg, .wysiwyg > span) > ol:first-of-type, :is(.wysiwyg, .wysiwyg > span) > ol ~ ol:not([start]) { counter-reset: wysiwyg-ol; } :is(.wysiwyg, .wysiwyg > span) > ol > li { counter-increment: wysiwyg-ol; padding-left: calc(1ch + var(--spacing-small)); } :is(.wysiwyg, .wysiwyg > span) > ol > li::before { content: counter(wysiwyg-ol) "."; font-weight: 600; } :is(.wysiwyg, .wysiwyg > span) > blockquote { display: block; font-family: var(--heading-font-family, inherit); font-weight: var(--heading-font-weight, bold); font-style: var(--heading-font-style, normal); line-height: var(--heading-line-height, 1.2); letter-spacing: var(--heading-letter-spacing, 0); text-transform: var(--heading-text-transform, none); font-size: var(--h5-size); color: var(--heading-color, inherit); margin: var(--spacing-x-large) min(5%, var(--spacing-large)); text-align: center; } :is(.wysiwyg, .wysiwyg > span) > blockquote a { color: var(--heading-color, inherit); } :is(.wysiwyg, .wysiwyg > span) > blockquote a:hover { color: var(--heading-color, inherit); } :is(.wysiwyg, .wysiwyg > span) > blockquote > p:first-child:before { content: "“"; } :is(.wysiwyg, .wysiwyg > span) > blockquote > p:last-child:after { content: "”"; } :is(.wysiwyg, .wysiwyg > span) [data-hs-responsive-table] { overflow: auto !important; width: auto !important; max-width: 100% !important; } :is(.wysiwyg, .wysiwyg > span):last-child > :last-child { margin-bottom: 0; } :is(.wysiwyg--full, .wysiwyg--full > span) > p:first-child { font-size: var(--font-size-large); } :where(#archive-filter) { margin: 0 0 min(var(--spacing-x-large), var(--container-margin)); } #archive-filter > ul { list-style: none; margin: 0; display: flex; gap: var(--spacing-x-small); flex-wrap: wrap; } #archive-filter > ul > li a { background: var(--button-bg); box-sizing: border-box; display: inline-block; padding: var(--button-padding-y) var(--button-padding-x); vertical-align: middle; font-size: var(--button-font-size); font-family: var(--button-font-family); font-weight: var(--button-font-weight); letter-spacing: var(--button-letter-spacing); line-height: var(--button-line-height); text-decoration: none; text-align: center; color: var(--button-color); cursor: pointer; border: 1px solid var(--button-bg); border-radius: var(--button-border-radius); transition: 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); transition-property: background-color, border-color, color; --button-font-size: 0.875rem; --button-padding-x: 1.1875rem; --button-padding-y: 0.7rem; } #archive-filter > ul > li a:disabled { cursor: not-allowed; } #archive-filter > ul > li a:not(:disabled):hover { background: var(--button-bg-hover); border-color: var(--button-bg-hover); color: var(--button-color-hover); text-decoration: none; } #archive-filter > ul > li:not(.active) a { --button-bg: var(--button-ghost-bg); --button-bg-hover: var(--button-ghost-bg-hover); --button-color: var(--button-ghost-color); --button-color-hover: var(--button-ghost-color-hover); } #archive-filter > ul > li:not(.active) a:not(:hover), #archive-filter > ul > li:not(.active) a:disabled { background: transparent; } #archive-filter > ul > li[hidden] { display: none; } #archive-filter > a { --button-font-size: 0.875rem; --button-padding-x: 1.1875rem; --button-padding-y: 0.7rem; --button-height: calc(var(--button-padding-y) * 2 + var(--button-font-size) * var(--button-line-height)); font: var(--button-font); display: block; margin-top: calc(var(--button-height) - 1lh); } #archive-filter > a::after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e80a"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; margin: 0 0 0 var(--spacing-xx-small); transition: rotate 0.25s var(--easing); } #archive-filter > a[aria-expanded=true]::after { rotate: 180deg; } @media (min-width: 768px) { #archive-filter { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--spacing-large); } } @media (min-width: 1080px) { #archive > div article.post--post:first-child { grid-column: 1/-1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--grid-gap); align-items: center; } #archive > div article.post--post:first-child > figure { grid-column: 1/span 5; margin: 0; } #archive > div article.post--post:first-child > div { grid-column: 7/span 6; } #archive > div article.post--post:first-child > div > h3 { font-size: var(--h4-size); } #archive > div article.post--post:first-child > div > a { background: var(--button-bg); box-sizing: border-box; display: inline-block; padding: var(--button-padding-y) var(--button-padding-x); vertical-align: middle; font-size: var(--button-font-size); font-family: var(--button-font-family); font-weight: var(--button-font-weight); letter-spacing: var(--button-letter-spacing); line-height: var(--button-line-height); text-decoration: none; text-align: center; color: var(--button-color); cursor: pointer; border: 1px solid var(--button-bg); border-radius: var(--button-border-radius); transition: 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); transition-property: background-color, border-color, color; } #archive > div article.post--post:first-child > div > a:disabled { cursor: not-allowed; } #archive > div article.post--post:first-child > div > a:not(:disabled):hover { background: var(--button-bg-hover); border-color: var(--button-bg-hover); color: var(--button-color-hover); text-decoration: none; } } #single-post { --site-width-max-header: 72.5rem; --site-width-header: min( var(--site-width-min-header, 90vw), var(--site-width-max-header, 1280px) ); --site-padding-header: calc( ( 100vw - var(--scrollbar-width) - var(--site-width-header) ) / 2 ); } #single-post > header { margin: calc(var(--site-header-spacing) * -1) calc(var(--site-padding) * -1) var(--container-margin); padding: var(--site-header-spacing) var(--site-padding-header) var(--section-padding); display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); gap: var(--spacing-large) var(--grid-gap); align-items: start; } #single-post > header > figure { margin: 0; } #single-post > header > div > span { margin-bottom: var(--spacing-small); } #single-post > header > div > ul { margin-left: 0; padding-left: 0; list-style: none; margin: 0; } #single-post > header > div > ul > * { display: inline-block; } #single-post > header > div > ul > *:not(:last-child)::after { margin: 0 var(--list-separated-spacing, 0.25em); content: var(--list-separated-separator, "|"); } #single-post > header > div .hs-audio-player { font-size: var(--font-size-x-small); margin-top: var(--spacing-large); } #single-post > header > div > p { margin: var(--spacing-medium) 0 0; } @media (min-width: 1080px) { #single-post > header { --grid-cols: 12; } #single-post > header > div { grid-column: 1/span 5; align-self: center; } #single-post > header > figure { grid-column: 7/span 6; } } #archive-employee > form { --form-field-border-radius: 10rem; margin-bottom: var(--spacing-x-large); } #pagination { margin-top: var(--container-margin); font: var(--button-font); } #pagination > .next::after { margin: 0 0 0 var(--spacing-x-small); text-decoration: none; transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } #pagination > .next:hover::after { translate: 0.15rem; } #pagination > .prev::before { margin: 0 var(--spacing-x-small) 0 0; text-decoration: none; transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } #pagination > .prev:hover::before { translate: -0.15rem; } #pagination > div { display: flex; align-items: center; gap: var(--spacing-x-small); width: -moz-max-content; width: max-content; max-width: 100%; --icon-size: 2.125em; --icon-scale: 0.47; } #pagination > div > * { background-color: var(--icon-round-bg); display: inline-flex; align-items: center; justify-content: center; margin: 0; width: calc(1em / var(--icon-scale, 0.7)); height: calc(1em / var(--icon-scale, 0.7)); width: round(1em / var(--icon-scale, 0.7), 1px); height: round(1em / var(--icon-scale, 0.7), 1px); line-height: 1; font-size: calc(var(--icon-size, 1.77em) * var(--icon-scale, 0.7)); font-size: round(var(--icon-size, 1.77em) * var(--icon-scale, 0.7), 1px); color: var(--icon-color); border-radius: 50%; border: 1px solid var(--icon-round-bg); color: var(--icon-round-color); } #pagination > div > *:link:hover { border-color: var(--icon-round-bg); } #pagination > div > *:not(.active) { background-color: transparent; border-color: transparent; color: var(--text-color); } @media (min-width: 1080px) { #pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } #pagination > .prev { justify-self: start; } #pagination > div { grid-column: 2; } #pagination > .next { justify-self: end; } } #site-footer { --heading-color: #FFF; --heading-color-alt: #83AFB4; --text-color: #FFF; --icon-round-bg: #C3D9D7; --icon-round-color: #173F35; --tag-bg: #FCF2EB; --tag-color: #141414; --form-field-border-color: #FFF; --form-field-focus-border-color: #83AFB4; --color-border: #FFF; --error-color: #DE1135; --button-bg: #EFBE9C; --button-bg-hover: #141414; --button-color: #141414; --button-color-hover: #FFF; --button-secondary-bg: #FFF; --button-secondary-bg-hover: #FCF2EB; --button-secondary-color: #141414; --button-secondary-color-hover: #141414; --button-ghost-bg: #FFF; --button-ghost-bg-hover: #FFF; --button-ghost-color: #FFF; --button-ghost-color-hover: #141414; --bg-color: #141414; --selection-bg: white; --selection-color: #141414; background-color: var(--bg-color); color: var(--text-color); padding: var(--spacing-x-large) var(--site-padding); } #site-footer ul { list-style: none; margin: 0; } #site-footer a { --link-decoration: underline; } #site-footer a:not(:hover) { --text-decoration-color: transparent; } #site-footer :is(h2, h3) { margin-bottom: var(--spacing-small); font-weight: 600; font-size: var(--font-size-small); } #site-footer > .site-logo { display: inline-flex; width: 11rem; margin-bottom: var(--spacing-x-large); text-decoration: none; } #site-footer > .site-logo svg { fill: currentColor; } #site-footer > div { display: grid; align-content: start; } #site-footer > div > nav .menu { display: grid; gap: var(--spacing-x-small); } #site-footer > div > nav + nav { margin-top: var(--spacing-large); } #site-footer > hr { margin: var(--section-padding) 0 var(--spacing-medium); } #site-footer > section { margin-top: var(--spacing-x-large); } #site-footer > section address { font-style: normal; } #site-footer > div:last-child { display: flex; gap: var(--spacing-medium); flex-wrap: wrap; font-size: var(--font-size-small); } #site-footer > div:last-child ul { flex: 1; display: flex; gap: var(--spacing-medium); flex-wrap: wrap; } #site-footer > section { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--spacing-large) var(--grid-gap); } #site-footer > section > div { grid-column: 1/span 3; } #site-footer > section > div:nth-of-type(even) { grid-column: 5/span 3; } @media (max-width: 767px) { #site-footer > div:last-child { flex-direction: column; row-gap: var(--spacing-small); } #site-footer > div:last-child ul { flex-direction: column; row-gap: var(--spacing-small); } } @media (min-width: 1080px) { #site-footer { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 var(--grid-gap); } #site-footer > .site-logo { grid-column: 1/-1; } #site-footer > div { grid-column: 1/span 3; } #site-footer > hr { grid-column: 1/-1; } #site-footer > section { grid-column: 6/span 7; margin: 0; } #site-footer > div:last-child { grid-column: 1/-1; } } :root { --site-header-bg: #FFF; --site-header-color: #141414; --site-header-height: 3.6875rem; --site-header-height: round(3.6875rem, 1px); --site-header-logo-width: 8rem; --site-header-logo-width: round(8rem, 1px); --site-header-duration: .3s; --site-header-transition: var(--site-header-duration) ease; } @media (min-width: 1080px) { :root { --site-header-height: 4.5625rem; --site-header-height: round(4.5625rem, 1px); --site-header-logo-width: 11rem; --site-header-logo-width: round(11rem, 1px); } } .site-header--spacing.container, .site-header--spacing[class*=container--] { --site-header-spacing: calc(var(--container-margin-top, var(--container-margin)) + var(--site-header-height)); margin-top: var(--site-header-spacing); } .site-header--spacing.section, .site-header--spacing[class*=section--] { --site-header-spacing: calc(var(--section-padding-top, var(--section-padding)) + var(--site-header-height)); padding-top: var(--site-header-spacing); } #site-header { translate: none; } html.has-scrolled-down-far #site-header { position: fixed; translate: 0 -100%; } html.has-scrolled-down-far.has-scrolled-up #site-header { transition: all 0.5s var(--easing); } html.has-scrolled-down-far.scrolling-up-far #site-header { translate: none; transition: all 0.5s var(--easing); } @media (min-width: 1080px) { html:not(.site-header--open):not(.has-scrolled-down-far) #site-header { --site-header-bg: transparent; } html:not(.site-header--open):not(.has-scrolled-down-far).site-header--light { --site-header-color: #FFF; --button-bg: #FFF; --button-bg-hover: #FCF2EB; --button-color: #141414; --button-color-hover: #141414; } } @media (max-width: 1079px) { html:not(.site-header--open):not(.has-scrolled-down-far) #site-header:not(:target) { --site-header-bg: transparent; } html:not(.site-header--open):not(.has-scrolled-down-far).site-header--light:not(:has(#site-header:target)) { --site-header-color: #FFF; } html.hash-active-site-header { touch-action: none; overflow: hidden; } } html.site-header--open:where(:not(.site-header--no-overlay)) { --site-header-overlay: 1; } #site-header { display: flex; align-items: center; gap: var(--spacing-medium); padding: var(--spacing-small) var(--site-padding); color: var(--site-header-color); background-color: transparent; position: absolute; top: 0; left: 0; z-index: 99; width: 100%; min-height: var(--site-header-height); } #site-header::before { background-color: var(--site-header-bg); content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transition: background-color var(--site-header-transition); } #site-header::after { background-color: rgba(0, 0, 0, 0.25); content: ""; display: block; position: fixed; top: var(--site-header-height); right: 0; bottom: 0; left: 0; z-index: -4; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); pointer-events: none; will-change: opacity; opacity: var(--site-header-overlay, 0); transition: opacity var(--site-header-transition); } #site-header > .site-logo { display: inline-flex; width: var(--site-header-logo-width); margin-right: auto; } #site-header > .site-logo svg { fill: currentColor; } #site-header ul { list-style: none; margin: 0; } #site-header a.menu-toggle { --burger-menu-size: 1.5rem; --burger-menu-thickness: 2px; --burger-menu-gap: 0.5rem; position: relative; width: var(--burger-menu-size); height: var(--burger-menu-size); } #site-header a.menu-toggle::before, #site-header a.menu-toggle::after { content: ""; display: block; background-color: currentColor; position: absolute; height: var(--burger-menu-thickness); width: 100%; border-radius: 5rem; transform-origin: 50% 50%; transition: all 0.25s ease-in, background-color var(--site-header-transition); } #site-header a.menu-toggle::before { top: calc((50% - var(--burger-menu-gap) * 0.5 - var(--burger-menu-thickness)) * (1 - var(--menu-open, 0)) + (50% - var(--burger-menu-thickness) / 2) * var(--menu-open, 0)); rotate: calc(45deg * var(--menu-open, 0)); } #site-header a.menu-toggle::after { bottom: calc((50% - var(--burger-menu-gap) * 0.5 - var(--burger-menu-thickness)) * (1 - var(--menu-open, 0)) + (50% - var(--burger-menu-thickness) / 2) * var(--menu-open, 0)); rotate: calc(-45deg * var(--menu-open, 0)); } #site-header > nav > :is(a, .hs-web-interactive-inline) { background: var(--button-bg); box-sizing: border-box; display: inline-block; padding: var(--button-padding-y) var(--button-padding-x); vertical-align: middle; font-size: var(--button-font-size); font-family: var(--button-font-family); font-weight: var(--button-font-weight); letter-spacing: var(--button-letter-spacing); line-height: var(--button-line-height); text-decoration: none; text-align: center; color: var(--button-color); cursor: pointer; border: 1px solid var(--button-bg); border-radius: var(--button-border-radius); transition: 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); transition-property: background-color, border-color, color; } #site-header > nav > :is(a, .hs-web-interactive-inline):disabled { cursor: not-allowed; } #site-header > nav > :is(a, .hs-web-interactive-inline):not(:disabled):hover { background: var(--button-bg-hover); border-color: var(--button-bg-hover); color: var(--button-color-hover); text-decoration: none; } #site-header ul.menu > li > a { font: var(--button-font); } #site-header ul.menu > li.dropdown::after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e80a"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; font-size: var(--button-font-size); rotate: calc(180deg * var(--dd-open, 0)); transition: rotate var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1); } #site-header ul.menu > li > ul { display: grid; gap: var(--spacing-small); } #site-header ul.menu > li > ul > li ul { display: none; } #site-header ul.menu.search > li::after { display: none; } #site-header ul.menu.search > li > a { font-size: var(--font-size-large); } #site-header ul.menu.search > li > a:hover { --hover: 1; } #site-header ul.menu.search > li.open { --dd-open: 1; --hover: 1; } #site-header ul.menu.search ul { background-color: #FFF; color: var(--text-color); position: fixed; top: var(--site-header-height); left: 50%; translate: -50%; width: var(--site-width-medium); max-width: var(--site-width-min); padding: var(--spacing-large); opacity: var(--dd-open, 0); z-index: calc(2 * var(--dd-open, 0)); visibility: var(--dd-open, hidden); -webkit-clip-path: inset(0 0 calc(100% * (1 - var(--dd-open, 0))) 0) !important; clip-path: inset(0 0 calc(100% * (1 - var(--dd-open, 0))) 0) !important; transition: opacity var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), visibility 0s calc(var(--site-header-duration) * (1 - var(--dd-open, 0))) linear, -webkit-clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1); transition: clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), visibility 0s calc(var(--site-header-duration) * (1 - var(--dd-open, 0))) linear; transition: clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), visibility 0s calc(var(--site-header-duration) * (1 - var(--dd-open, 0))) linear, -webkit-clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1); } @media (min-width: 1080px) { #site-header a.menu-toggle { display: none; } #site-header ul.menu { display: flex; justify-content: center; gap: var(--spacing-medium); } #site-header ul.menu > li.dropdown::after { margin: 0 0 0 var(--spacing-xx-small); } #site-header ul.menu > li.open { --dd-open: 1; } #site-header ul.menu > li > ul { background-color: #FFF; color: var(--text-color); position: fixed; top: var(--site-header-height); padding: var(--spacing-large); translate: calc(var(--spacing-large) * -1); opacity: var(--dd-open, 0); z-index: calc(2 * var(--dd-open, 0)); visibility: var(--dd-open, hidden); -webkit-clip-path: inset(0 0 calc(100% * (1 - var(--dd-open, 0))) 0) !important; clip-path: inset(0 0 calc(100% * (1 - var(--dd-open, 0))) 0) !important; transition: opacity var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), visibility 0s calc(var(--site-header-duration) * (1 - var(--dd-open, 0))) linear, -webkit-clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1); transition: clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), visibility 0s calc(var(--site-header-duration) * (1 - var(--dd-open, 0))) linear; transition: clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1), visibility 0s calc(var(--site-header-duration) * (1 - var(--dd-open, 0))) linear, -webkit-clip-path var(--site-header-duration) cubic-bezier(0.32, 0.94, 0.6, 1); } #site-header ul.menu > li > ul > li > :is(span, a) { position: relative; display: inline-block; padding-left: calc(1em + var(--spacing-x-small)); transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } #site-header ul.menu > li > ul > li > :is(span, a)::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e808"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; position: absolute; top: 0; left: 0; transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } #site-header ul.menu > li > ul > li > :is(span, a):hover { translate: 0.25em; } #site-header ul.menu > li > ul > li > :is(span, a):hover::before { translate: -0.25em; } #site-header > nav { display: contents; } #site-header > nav > .menu { flex: 1; margin: 0 var(--spacing-large); } #site-header > nav > :is(a, .hs-web-interactive-inline) { --button-font-size: 0.875rem; --button-padding-x: 1.1875rem; --button-padding-y: 0.7rem; order: 5; } } @media (max-width: 1079px) { #site-header:target { --menu-open: 1; } #site-header:target ul:is(.search, .lang-switch) { opacity: 0; pointer-events: none; } #site-header > nav { background-color: #FFF; color: #141414; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; padding: var(--site-header-height) var(--site-padding) var(--spacing-large); display: flex; flex-direction: column; gap: var(--spacing-large); visibility: var(--menu-open, hidden); -webkit-clip-path: inset(0 0 calc(100% * (1 - var(--menu-open, 0))) 0) !important; clip-path: inset(0 0 calc(100% * (1 - var(--menu-open, 0))) 0) !important; transition: background-color var(--site-header-duration) calc(var(--site-header-duration) * (1 - var(--menu-open, 0))) ease, visibility 0s calc(var(--site-header-duration) * (1 - var(--menu-open, 0))) ease, -webkit-clip-path var(--site-header-duration) ease; transition: clip-path var(--site-header-duration) ease, background-color var(--site-header-duration) calc(var(--site-header-duration) * (1 - var(--menu-open, 0))) ease, visibility 0s calc(var(--site-header-duration) * (1 - var(--menu-open, 0))) ease; transition: clip-path var(--site-header-duration) ease, background-color var(--site-header-duration) calc(var(--site-header-duration) * (1 - var(--menu-open, 0))) ease, visibility 0s calc(var(--site-header-duration) * (1 - var(--menu-open, 0))) ease, -webkit-clip-path var(--site-header-duration) ease; } #site-header > nav ul.menu { overflow: auto; margin: 0 calc(var(--site-padding) * -1); padding: var(--spacing-medium) var(--site-padding) 0; } #site-header > nav ul.menu > li { display: grid; grid-template-columns: 1fr auto; gap: 0 var(--grid-gap); padding-bottom: var(--spacing-small); border-bottom: 1px solid #F7F6F5; } #site-header > nav ul.menu > li:not(:last-child) { margin-bottom: var(--spacing-small); } #site-header > nav ul.menu > li.dropdown::after { font-size: 1.125em; margin: 0 0 0 auto; } #site-header > nav ul.menu > li > a { align-self: center; } #site-header > nav ul.menu > li > ul { grid-row: 2; grid-column: 1/-1; overflow: hidden; gap: var(--spacing-x-small); height: 0; transition: all var(--site-header-duration) ease-out; } #site-header > nav ul.menu > li > ul > :first-child { margin-top: var(--spacing-x-small); } #site-header > nav ul.menu > li.open > ul { height: -moz-max-content; height: max-content; } #site-header > nav > :is(a, .hs-web-interactive-inline) { position: sticky; bottom: 0; flex: 0 0 auto; margin-top: auto; } #site-header > nav > .hs-web-interactive-inline > a { display: block; } } #blog-posts > div.featured > :first-child { grid-column: 1/-1; } @media (min-width: 1080px) { #blog-posts > div.featured > :first-child { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; gap: var(--grid-gap); } #blog-posts > div.featured > :first-child > figure { grid-column: 1/span 5; margin: 0; } #blog-posts > div.featured > :first-child > div { grid-column: 7/span 6; align-self: center; } #blog-posts > div.featured > :first-child > div > h3 { display: block; font-family: var(--heading-font-family, inherit); font-weight: var(--heading-font-weight, bold); font-style: var(--heading-font-style, normal); line-height: var(--heading-line-height, 1.2); letter-spacing: var(--heading-letter-spacing, 0); text-transform: var(--heading-text-transform, none); font-size: var(--h4-size); color: var(--heading-color, inherit); } #blog-posts > div.featured > :first-child > div > h3 a { color: var(--heading-color, inherit); } #blog-posts > div.featured > :first-child > div > h3 a:hover { color: var(--heading-color, inherit); } } #form { display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); gap: 0 var(--grid-gap); } @media (min-width: 1080px) { #form { --grid-cols: 12; } #form > header { grid-column: 1/span 5; } #form > header:not(.text--center) { margin-bottom: 0; } #form > div { grid-column: 7/span 6; } #form > header.text--center, #form > header.text--center + div { grid-column: 1/-1; } } #hero-2 { display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); align-items: center; grid-auto-flow: dense; gap: var(--spacing-large) var(--grid-gap); } #hero-2 > div:last-child { grid-column: 1/-1; } #hero-2 > div > .wysiwyg { max-width: var(--site-width-small); margin-inline: auto; } #hero-2 > figure { align-self: start; margin: 0; } @media (min-width: 1080px) { #hero-2 { --grid-cols: 12; } #hero-2 > div { grid-column: 1/span 5; } #hero-2 > figure { grid-column: 7/span 6; } #hero-2:where(.media--left) > div { grid-column-start: 8; } #hero-2:where(.media--left) > figure { grid-column-start: 1; } } #hero-3 { display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); align-items: center; grid-auto-flow: dense; gap: var(--spacing-large) var(--grid-gap); } #hero-3 > div:last-child { grid-column: 1/-1; } #hero-3 > div > .wysiwyg { max-width: var(--site-width-small); margin-inline: auto; } #hero-3 > figure { align-self: start; margin: 0; } @media (min-width: 1080px) { #hero-3 { --grid-cols: 12; } #hero-3 > div { grid-column: 1/span 6; } #hero-3 > figure { grid-column: 9/span 4; } #hero-3:where(.media--left) > div { grid-column-start: 7; } #hero-3:where(.media--left) > figure { grid-column-start: 1; } } #hero-4 { display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); align-items: start; grid-auto-flow: dense; gap: var(--spacing-large) var(--grid-gap); } @media (min-width: 1080px) { #hero-4 { --grid-cols: 12; } #hero-4 > header { grid-column: 1/span 5; } #hero-4 > div { grid-column: 7/span 6; } } #hero-5 { display: flex; align-items: center; min-height: min(100vh, 1080px); } #hero-5 > div { max-width: var(--site-width-x-small); } #hero { display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); align-items: center; gap: 0 var(--grid-gap); min-height: min(100vh, 1080px); } #hero > nav { display: grid; gap: var(--spacing-medium); } #hero > nav a { display: block; font-family: var(--heading-font-family, inherit); font-weight: var(--heading-font-weight, bold); font-style: var(--heading-font-style, normal); line-height: var(--heading-line-height, 1.2); letter-spacing: var(--heading-letter-spacing, 0); text-transform: var(--heading-text-transform, none); margin: 0 0 0; font-size: var(--h5-size); color: var(--heading-color, inherit); position: relative; display: inline-block; padding-left: calc(1em + var(--spacing-x-small)); transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } #hero > nav a a { color: var(--heading-color, inherit); } #hero > nav a a:hover { color: var(--heading-color, inherit); } #hero > nav a::before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e808"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; position: absolute; top: 0; left: 0; transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } #hero > nav a:hover { translate: 0.25em; } #hero > nav a:hover::before { translate: -0.25em; } @media (min-width: 1080px) { #hero { --grid-cols: 12; } #hero > div { grid-column: 1/span 7; } #hero > nav { grid-column: 9/span 4; justify-self: end; align-self: end; } } #icon-grid article { font-size: var(--font-size-small); } #icon-grid article > figure { margin-bottom: var(--spacing-large); } #icon-grid article > figure :is(img, canvas) { height: 4.8125rem; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom left; object-position: bottom left; } .inline-blockquote blockquote { font-size: var(--font-size-x-large); } .inline-blockquote blockquote > :first-child::before { content: "“"; } .inline-blockquote blockquote > :last-child::after { content: "”"; } .inline-blockquote figcaption::before { content: "— "; } .inline-media { --site-width-max-inline-media: 52.75rem; --site-width-inline-media: min( var(--site-width-min-inline-media, 90vw), var(--site-width-max-inline-media, 1280px) ); --site-padding-inline-media: calc( ( 100vw - var(--scrollbar-width) - var(--site-width-inline-media) ) / 2 ); margin: var(--spacing-large) min(var(--site-padding) * -0.5, var(--site-padding-inline-media) - var(--site-padding)); } #link-blocks-media article { display: grid; text-align: center; } #link-blocks-media article > * { grid-area: 1/1; } #link-blocks-media article > a { position: relative; z-index: 1; align-content: center; opacity: 0; transition: opacity 0.3s 0.1s ease; } #link-blocks-media article > a:hover { opacity: 1; transition-delay: 0s; } #link-blocks-media article > figure > div { min-height: 100%; } #numbers { display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); gap: var(--grid-gap); } #numbers dl { margin: 0; } #numbers dl dt { display: block; font-family: var(--heading-font-family, inherit); font-weight: var(--heading-font-weight, bold); font-style: var(--heading-font-style, normal); line-height: var(--heading-line-height, 1.2); letter-spacing: var(--heading-letter-spacing, 0); text-transform: var(--heading-text-transform, none); font-size: var(--font-size-display); color: var(--heading-color-alt); margin: 0; } #numbers dl dt a { color: var(--heading-color-alt); } #numbers dl dt a:hover { color: var(--heading-color-alt); } #numbers dl dd > :last-child { margin-bottom: 0; } #numbers:not(.text--center) dl { row-gap: var(--spacing-large); } #numbers:not(.text--center) dl > div { padding-bottom: var(--spacing-large); border-bottom: 1px solid var(--color-border); } #numbers:not(.text--center) dl > div::after { display: none; } #numbers.text--center dl > div { position: relative; } #numbers.text--center dl > div::after { background-color: var(--color-border); content: ""; display: none; position: absolute; top: 0; right: calc(var(--grid-gap) * -0.5); height: 100%; width: 1px; translate: 50%; } #numbers.text--center dl > div dd { margin: var(--spacing-medium) 0 0 0; } @media (min-width: 768px) and (max-width: 1079px) { #numbers:not(.text--center) > header { --grid-cols: 12; grid-column: 1/span 5; } #numbers:not(.text--center) dl { --grid-cols: 1; grid-column: 8/span 5; } #numbers dl.tablet\:grid--2 > div:not(:nth-child(2n))::after { display: block; } } @media (min-width: 768px) { #numbers:not(.text--center) dl > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; gap: var(--grid-gap); } #numbers:not(.text--center) dl > div dt { grid-column: 1/span 2; } #numbers:not(.text--center) dl > div dd { grid-column: 3/span 3; } } @media (min-width: 1080px) { #numbers:not(.text--center) > header { --grid-cols: 12; grid-column: 1/span 5; } #numbers:not(.text--center) dl { --grid-cols: 1; grid-column: 8/span 5; } #numbers dl.laptop\:grid--2 > div:not(:nth-child(2n))::after { display: block; } #numbers dl.laptop\:grid--3 > div:not(:nth-child(3n))::after { display: block; } #numbers dl.laptop\:grid--4 > div:not(:nth-child(4n))::after { display: block; } } #search-results > header { position: relative; padding: var(--site-header-spacing) var(--site-padding) var(--spacing-x-large); margin: calc(var(--site-header-spacing) * -1) calc(var(--site-padding) * -1) var(--spacing-x-large); } #search-results > header:last-child { margin-bottom: 0; } #search-results > header > h1 { margin-bottom: var(--spacing-large); } #search-results > header > form + p { margin: var(--spacing-small) 0 0; text-align: left; } #search-results:has(> header:last-child) { margin-bottom: 0; } #search-results [data-search-results-list] { min-height: 30vh; } #search-results article { padding-bottom: var(--spacing-large); margin-bottom: var(--spacing-large); border-bottom: 1px solid var(--color-border); } #search-results article h2 { position: relative; padding-right: calc(1em + var(--spacing-medium)); margin-bottom: var(--spacing-small); } #search-results article h2::after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e808"; margin-right: var(--icon-margin, 0.25rem); margin-left: 0; line-height: inherit; position: absolute; top: 50%; right: 0; translate: calc(var(--hover, 0) * 0.25rem) -50%; transition: translate 0.3s cubic-bezier(0.6, 0.2, 0.4, 0.8); } #search-results article cite { display: block; margin-bottom: var(--spacing-medium); font-style: normal; } #search-results article .hs-search-highlight { font-weight: 500; } #search-results article a:hover { --hover: 1; } #search-results article a > :last-child { margin-bottom: 0; } #text-block-media { display: grid; grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr)); align-items: center; grid-auto-flow: dense; gap: var(--spacing-large) var(--grid-gap); } #text-block-media > figure { align-self: start; margin: 0; } @media (min-width: 1080px) { #text-block-media { --grid-cols: 12; } #text-block-media > div { grid-column: 1/span 5; } #text-block-media > figure { grid-column: 7/span 6; } #text-block-media.media--left > div { grid-column-start: 8; } #text-block-media.media--left > figure { grid-column-start: 1; } } #text-block-simple > div { border-left: 1px solid var(--color-border); padding-inline: max(var(--spacing-medium), min(4.8vw, var(--spacing-x-large))); } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; } @media (min-width: 1260px) { html { font-size: max(100%, min(1.1111111111vw, 21.3333333333px)); } } html:where(:not(.hs-inline-edit)) [data-global-resource-path], html:where(:not(.hs-inline-edit)) .container-fluid, html:where(:not(.hs-inline-edit)) .row-fluid-wrapper, html:where(:not(.hs-inline-edit)) .row-fluid, html:where(:not(.hs-inline-edit)) .widget-span, html:where(:not(.hs-inline-edit)) .hs_cos_wrapper { display: contents; } /*# sourceMappingURL=app.css.map*/