html {
-webkit-text-size-adjust: 100%;
line-height:1.15
}
h1 {
font-size: 2em;
margin:.67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow:visible
}
pre {
font-family: monospace, monospace;
font-size:1em
}
a {
background-color:transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration:underline dotted
}
b, strong {
font-weight:bolder
}
code, kbd, samp {
font-family: monospace, monospace;
font-size:1em
}
small {
font-size:80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align:baseline
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
img {
border-style:none
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin:0
}
button, input {
overflow:visible
}
button, select {
text-transform:none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
padding:.35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space:normal
}
progress {
vertical-align:baseline
}
textarea {
overflow:auto
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font:inherit
}
details {
display:block
}
summary {
display:list-item
}
[hidden], template {
display:none
}
*, :after, :before {
box-sizing:inherit
}
html {
box-sizing:border-box
}
@media print {
* {
background: transparent !important;
color: #000 !important;
-ms-filter: none !important;
text-shadow:none !important
}
a, a:visited {
text-decoration:underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""
}
blockquote, pre {
border: 1px solid #999;
page-break-inside:avoid
}
thead {
display:table-header-group
}
img, tr {
page-break-inside:avoid
}
img {
max-width:100% !important
}
@page {
margin:.5cm
}
h2, h3, p {
orphans: 3;
widows:3
}
h2, h3 {
page-break-after:avoid
}
}
:root {
--white: #fff;
--black: #000;
--grey: rgba(0, 0, 0, .7);
--off-white: #fef8f8;
--blue: #29b8e5;
--yellow: #f9d919;
--yellow-dark: #e5df39;
--orange: #ed8026;
--brown: #a33b3b;
--green: #7edcb3;
--lightgreen: #c2e670;
--red: #db612c;
--darkgreen: #0a3f3d;
--teal: #337f7d;
--pink: #ff3154;
--peach: #f8bf95;
--lightpeach: #fad4b8;
--cream: #fff7f3;
--mint: #ccdfde;
--color--foundation: var(--yellow);
--color--foundation-hover: rgba(249, 217, 25, .3);
--color--procurement: var(--blue);
--color--procurement-hover: rgba(41, 184, 229, .3);
--color--supplier_engagement: var(--orange);
--color--supplier_engagement-hover: rgba(237, 128, 38, .3);
--color--reporting: var(--brown);
--color--reporting-hover: rgba(163, 59, 59, .3);
--color--collaboration_and_innovation: #7ddcb5;
--color--collaboration_and_innovation-hover: rgba(125, 220, 181, .3);
--color-dark: var(--black);
--color-light: var(--white);
--color-primary: var(--black);
--color-secondary: var(--white);
--color-success: #7edcb3;
--color-error: #db612c;
--text-color: var(--black);
--link-color: inherit;
--link-hover: var(--red);
--background: var(--off-white);
--button-bg: var(--color-primary);
--button-text: var(--color-light);
--button-padding: 12px 1rem;
--button-radius: 0;
--hpad: 24px;
--nav-height: 108px;
--content-width:calc(100% - var(--hpad) * 2)
}
@media (min-width: 768px) {
:root {
--content-width:calc(100% - 128px)
}
}
@media (min-width: 1024px) {
:root {
--content-width:calc(100% - 112px)
}
}
@media (min-width: 1440px) {
:root {
--hpad: 56px;
--content-width:1328px
}
}
@keyframes fadein {
0% {
opacity:0
}
80% {
opacity:0
}
to {
opacity:1
}
}
@keyframes bounce {
0% {
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform:translateY(0)
}
60% {
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform:translateY(0)
}
70% {
-moz-transform: translateY(-.5em);
-o-transform: translateY(-.5em);
-ms-transform: translateY(-.5em);
transform: translateY(-.5em);
-webkit-transform:translateY(-.5em)
}
80% {
-moz-transform: translateY(.5em);
-o-transform: translateY(.5em);
-ms-transform: translateY(.5em);
transform: translateY(.5em);
-webkit-transform:translateY(.5em)
}
to {
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transform:translateY(0)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
-ms-transform: rotate(1turn);
transform:rotate(1turn)
}
}
/*
@font-face {
font-display: swap;
font-family: fiascons;
font-style: normal;
font-weight: 400;
src: url(assets/fonts/cf9a3b038279f69ff0d5.woff2) format("woff2"), url(assets/fonts/b9a0c9ec92d58c093437.woff) format("woff")
}
*/
@font-face {
font-display: swap;
font-family: Anybody;
font-style: normal;
font-weight: 700;
src: url(/fonts/OpenSans-Bold.ttf) format("truetype")
}
@font-face {
font-display: swap;
font-family: AnybodyMedium;
font-style: normal;
font-weight: 500;
src: url(/fonts/OpenSans-SemiBold.ttf) format("truetype")
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/fonts/OpenSans-Regular.ttf) format("truetype")
}
@font-face {
font-display: swap;
font-family: IBM Plex Mono;
font-style: normal;
font-weight: 400;
src: url(/fonts/IBMPlexMono-Regular.ttf) format("truetype")
}
:root {
--headingFont: "Anybody", sans-serif;
--textFont: "Open Sans", "Helvetica", sans-serif;
--monoFont: "IBM Plex Mono", monospace;
--iconFont: "fiascons" !important;
--fs-h1: 36px;
--fs-h2: 26px;
--fs-h3: 24px;
--fs-h4: 18px;
--fs-b: 16px;
--fs-small: 12px;
--fs-caption:var(--fs-small)
}
@media (min-width: 768px) {
:root {
--fs-h1: 50px;
--fs-h2: 32px;
--fs-h4:20px
}
}
@media (min-width: 1024px) {
:root {
--fs-h2:46px
}
}
@media (min-width: 1440px) {
:root {
--fs-h1: 75px;
--fs-h2: 46px;
--fs-h3: 32px;
--fs-h4: 22px;
--fs-b:20px
}
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--text-color);
font-family: var(--textFont);
font-size: var(--fs-b);
font-weight: 400;
line-height: 1.4em;
text-rendering:optimizeLegibility
}
blockquote, input, li, p, textarea {
font-size:inherit
}
p {
color: inherit;
margin:0 0 1.25em
}
p:last-of-type {
margin-bottom:0
}
.h1, h1 {
font-size:var(--fs-h1)
}
.h1, .h2, h1, h2 {
font-family: var(--headingFont);
font-weight: 700;
line-height: 1em;
text-transform:uppercase
}
.h2, h2 {
font-size:var(--fs-h2)
}
.h3, h3 {
font-family: var(--headingFont);
font-size: var(--fs-h3);
line-height:1em
}
.h3, .h4, h3, h4 {
font-weight:400
}
.h4, h4 {
font-family: var(--textFont);
font-size: var(--fs-h4);
line-height:1.5em
}
.h5, .h6, h5, h6 {
font-family: var(--headingFont);
font-size: var(--fs-b);
font-weight: 400;
line-height:1.4em
}
.mono {
font-family: var(--monoFont);
font-weight: 400;
letter-spacing: .01em;
line-height: 1.5em;
text-transform:uppercase
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
margin: 0;
text-align: inherit;
text-rendering:optimizeLegibility
}
a {
font-weight: inherit;
text-decoration:none
}
a, a:focus, a:hover, a:visited {
color: inherit;
outline:none
}
a:focus, a:hover {
text-decoration:none
}
button {
background: 0;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
cursor: pointer;
outline: none;
padding:0
}
b, strong {
display: inline;
font-family: var(--textFont);
font-size: inherit;
line-height:inherit
}
.strong, b, strong {
font-weight:700
}
.caps {
text-transform:uppercase
}
.center {
text-align:center
}
.white {
color:var(--white)
}
.white p, .white ul {
color:inherit
}
em, i, mark {
display:inline
}
mark {
background: var(--color-primary);
color: var(--text-color);
padding:0 .3em
}
u {
display:inline
}
ol, ul {
color: inherit;
margin: 0;
padding:0
}
ol {
counter-reset:item
}
ol li {
counter-increment: item;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap:6px
}
ol li:before {
content: counter(item) "."
}
.list-reset {
list-style-type:none
}
li {
font-size: var(--fs-b);
line-height: 1.4em;
margin:0
}
li > ul {
list-style-type: disc;
margin-top: 1em;
padding-left:1em
}
:root {
font-size:16px
}
@media (min-width: 768px) {
:root {
font-size:20px
}
}
*, body, html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing:border-box
}
:focus {
outline:none
}
html {
background-color: var(--background);
min-height: 100%;
scroll-behavior: smooth;
scroll-padding-top:var(--nav-height)
}
body, html {
height: auto;
width:100%
}
body {
background: var(--background);
margin: 0;
min-height: 100vh;
overflow-x: hidden;
position:relative
}
main {
display:block
}
.contain, main {
margin-left: auto;
margin-right: auto;
width:100%
}
.contain {
max-width:var(--content-width)
}
.full {
margin-left: auto;
margin-right: auto;
padding-left: var(--hpad);
padding-right: var(--hpad);
width:100%
}
.alignfull, .max-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
width:100vw
}
.alignwide {
margin-left: -10vw;
margin-right: -10vw;
max-width:100vw
}
.loading {
visibility:hidden
}
img {
height: auto;
max-width:100%
}
img, svg {
display:block
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap:wrap
}
.w-10, .w-100, .w-20, .w-25, .w-30, .w-33, .w-34, .w-40, .w-50, .w-60, .w-70, .w-75, .w-80, .w-90 {
width:100%
}
@media (min-width: 600px) {
.w-10 {
width:10%
}
.w-20 {
width:20%
}
.w-25 {
width:25%
}
.w-30 {
width:30%
}
.w-33 {
width:33%
}
.w-34 {
width:34%
}
.w-40 {
width:40%
}
.w-50 {
width:50%
}
.w-60 {
width:60%
}
.w-70 {
width:70%
}
.w-75 {
width:75%
}
.w-80 {
width:80%
}
.w-90 {
width:90%
}
.w-100 {
width:100%
}
}
@media (min-width: 768px) {
.w-10-tb {
width:10%
}
.w-20-tb {
width:20%
}
.w-25-tb {
width:25%
}
.w-30-tb {
width:30%
}
.w-33-tb {
width:33%
}
.w-34-tb {
width:34%
}
.w-40-tb {
width:40%
}
.w-50-tb {
width:50%
}
.w-60-tb {
width:60%
}
.w-70-tb {
width:70%
}
.w-75-tb {
width:75%
}
.w-80-tb {
width:80%
}
.w-90-tb {
width:90%
}
.w-100-tb {
width:100%
}
}
@media (min-width: 1024px) {
.w-10-lp {
width:10%
}
.w-20-lp {
width:20%
}
.w-25-lp {
width:25%
}
.w-30-lp {
width:30%
}
.w-33-lp {
width:33%
}
.w-34-lp {
width:34%
}
.w-40-lp {
width:40%
}
.w-50-lp {
width:50%
}
.w-60-lp {
width:60%
}
.w-70-lp {
width:70%
}
.w-75-lp {
width:75%
}
.w-80-lp {
width:80%
}
.w-90-lp {
width:90%
}
.w-100-lp {
width:100%
}
}
@media (min-width: 1440px) {
.w-10-dp {
width:10%
}
.w-20-dp {
width:20%
}
.w-25-dp {
width:25%
}
.w-30-dp {
width:30%
}
.w-33-dp {
width:33%
}
.w-34-dp {
width:34%
}
.w-40-dp {
width:40%
}
.w-50-dp {
width:50%
}
.w-60-dp {
width:60%
}
.w-70-dp {
width:70%
}
.w-75-dp {
width:75%
}
.w-80-dp {
width:80%
}
.w-90-dp {
width:90%
}
.w-100-dp {
width:100%
}
}
@media (min-width: 1600px) {
.w-10-ld {
width:10%
}
.w-20-ld {
width:20%
}
.w-25-ld {
width:25%
}
.w-30-ld {
width:30%
}
.w-33-ld {
width:33%
}
.w-34-ld {
width:34%
}
.w-40-ld {
width:40%
}
.w-50-ld {
width:50%
}
.w-60-ld {
width:60%
}
.w-70-ld {
width:70%
}
.w-75-ld {
width:75%
}
.w-80-ld {
width:80%
}
.w-90-ld {
width:90%
}
.w-100-ld {
width:100%
}
}
.flex__row {
-webkit-box-pack: inherit;
-moz-box-pack: inherit;
-ms-flex-pack: inherit;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-flex-wrap: inherit;
flex-wrap: inherit;
-webkit-justify-content: inherit;
justify-content: inherit;
width:100%
}
.flex--no-wrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: none;
flex-wrap:nowrap
}
.flex--reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-moz-box-direction: reverse;
-moz-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction:row-reverse
}
.flex--justified {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content:space-between
}
.flex--justified-left .flex__row:after, .flex--justified-left:after {
content: "";
display: block;
margin-right:auto
}
.flex--aligncenter {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items:center
}
.flex--alignbottom {
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items:flex-end
}
.noselect {
-webkit-touch-callout: none;
touch-callout: none;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select:none
}
.hidden {
display:none !important
}
.bsr-logo {
display: block;
height: 49px;
width:116px
}
.type-foundation .text ul li:before, .type-foundation:before {
background-color:var(--color--foundation)
}
.type-foundation.accordion__tab .accordion__body, .type-foundation.accordion__tab .tab__header:hover, .type-foundation.resources__list-item:hover {
background-color:var(--color--foundation-hover)
}
.type-foundation.accordion__tab .examples .tab__header {
background-color:var(--color--foundation)
}
.type-foundation.accordion__tab .examples .tab__header:hover, .type-foundation.accordion__tab:hover .accordion__header {
background-color:var(--color--foundation-hover)
}
.type-foundation.accordion__tab.open .accordion__header {
background:var(--color--foundation)
}
.type-foundation.accordion__tab .tab .tab__header:hover {
background-color:var(--color--foundation-hover)
}
.type-foundation.accordion__tab .tab .tab__body, .type-foundation.accordion__tab .tab.open .tab__header {
background:var(--color--foundation-hover)
}
.type-procurement .text ul li:before, .type-procurement:before {
background-color:var(--color--procurement)
}
.type-procurement.accordion__tab .accordion__body, .type-procurement.accordion__tab .tab__header:hover, .type-procurement.resources__list-item:hover {
background-color:var(--color--procurement-hover)
}
.type-procurement.accordion__tab .examples .tab__header {
background-color:var(--color--procurement)
}
.type-procurement.accordion__tab .examples .tab__header:hover, .type-procurement.accordion__tab:hover .accordion__header {
background-color:var(--color--procurement-hover)
}
.type-procurement.accordion__tab.open .accordion__header {
background:var(--color--procurement)
}
.type-procurement.accordion__tab .tab .tab__header:hover {
background-color:var(--color--procurement-hover)
}
.type-procurement.accordion__tab .tab .tab__body, .type-procurement.accordion__tab .tab.open .tab__header {
background:var(--color--procurement-hover)
}
.type-supplier_engagement .text ul li:before, .type-supplier_engagement:before {
background-color:var(--color--supplier_engagement)
}
.type-supplier_engagement.accordion__tab .accordion__body, .type-supplier_engagement.accordion__tab .tab__header:hover, .type-supplier_engagement.resources__list-item:hover {
background-color:var(--color--supplier_engagement-hover)
}
.type-supplier_engagement.accordion__tab .examples .tab__header {
background-color:var(--color--supplier_engagement)
}
.type-supplier_engagement.accordion__tab .examples .tab__header:hover, .type-supplier_engagement.accordion__tab:hover .accordion__header {
background-color:var(--color--supplier_engagement-hover)
}
.type-supplier_engagement.accordion__tab.open .accordion__header {
background:var(--color--supplier_engagement)
}
.type-supplier_engagement.accordion__tab .tab .tab__header:hover {
background-color:var(--color--supplier_engagement-hover)
}
.type-supplier_engagement.accordion__tab .tab .tab__body, .type-supplier_engagement.accordion__tab .tab.open .tab__header {
background:var(--color--supplier_engagement-hover)
}
.type-reporting .text ul li:before, .type-reporting:before {
background-color:var(--color--reporting)
}
.type-reporting.accordion__tab .accordion__body, .type-reporting.accordion__tab .tab__header:hover, .type-reporting.resources__list-item:hover {
background-color:var(--color--reporting-hover)
}
.type-reporting.accordion__tab .examples .tab__header {
background-color:var(--color--reporting)
}
.type-reporting.accordion__tab .examples .tab__header:hover, .type-reporting.accordion__tab:hover .accordion__header {
background-color:var(--color--reporting-hover)
}
.type-reporting.accordion__tab.open .accordion__header {
background:var(--color--reporting)
}
.type-reporting.accordion__tab .tab .tab__header:hover {
background-color:var(--color--reporting-hover)
}
.type-reporting.accordion__tab .tab .tab__body, .type-reporting.accordion__tab .tab.open .tab__header {
background:var(--color--reporting-hover)
}
.type-collaboration_and_innovation .text ul li:before, .type-collaboration_and_innovation:before {
background-color:var(--color--collaboration_and_innovation)
}
.type-collaboration_and_innovation.accordion__tab .accordion__body, .type-collaboration_and_innovation.accordion__tab .tab__header:hover, .type-collaboration_and_innovation.resources__list-item:hover {
background-color:var(--color--collaboration_and_innovation-hover)
}
.type-collaboration_and_innovation.accordion__tab .examples .tab__header {
background-color:var(--color--collaboration_and_innovation)
}
.type-collaboration_and_innovation.accordion__tab .examples .tab__header:hover, .type-collaboration_and_innovation.accordion__tab:hover .accordion__header {
background-color:var(--color--collaboration_and_innovation-hover)
}
.type-collaboration_and_innovation.accordion__tab.open .accordion__header {
background:var(--color--collaboration_and_innovation)
}
.type-collaboration_and_innovation.accordion__tab .tab .tab__header:hover {
background-color:var(--color--collaboration_and_innovation-hover)
}
.type-collaboration_and_innovation.accordion__tab .tab .tab__body, .type-collaboration_and_innovation.accordion__tab .tab.open .tab__header {
background:var(--color--collaboration_and_innovation-hover)
}
.splide__track--draggable {
-webkit-touch-callout: none;
touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select:none
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index:0
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index:1
}
.splide--rtl {
direction:rtl
}
.splide__track--ttb > .splide__list {
display:block
}
.splide__container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding:0 !important
}
.splide.is-initialized:not(.is-active) .splide__list {
display:block
}
.splide__pagination {
-ms-flex-align: center;
-ms-flex-pack: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
margin: 0;
pointer-events:none
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events:auto
}
.splide:not(.is-overflow) .splide__pagination {
display:none
}
.splide__progress__bar {
width:0
}
.splide {
position: relative;
visibility:hidden
}
.splide.is-initialized, .splide.is-rendered {
visibility:visible
}
.splide__slide {
-ms-flex-negative: 0;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position:relative
}
.splide__slide img {
vertical-align:bottom
}
.splide__spinner {
-webkit-animation: splide-loading 1s linear infinite;
-moz-animation: splide-loading 1s linear infinite;
-o-animation: splide-loading 1s linear infinite;
-ms-animation: splide-loading 1s linear infinite;
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width:20px
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width:1px
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
display:none
}
.splide__toggle.is-active .splide__toggle__pause {
display:inline
}
.splide__track {
overflow: hidden;
position: relative;
z-index:0
}
@keyframes splide-loading {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform:rotate(0)
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
-ms-transform: rotate(1turn);
transform:rotate(1turn)
}
}
.wysiwyg .mce-content-body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--text-color);
font-family: var(--textFont);
font-size: var(--fs-b);
font-weight: 400;
line-height: 1.4em;
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding: 20px;
text-rendering:optimizeLegibility
}
.wysiwyg .mce-content-body .wpview-wrap {
height: auto;
max-width:700px
}
.wysiwyg blockquote, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg ol, .wysiwyg p, .wysiwyg text-align left, .wysiwyg ul {
margin:1em auto 1em 0
}
.wysiwyg.wysiwyg--center blockquote, .wysiwyg.wysiwyg--center h1, .wysiwyg.wysiwyg--center h2, .wysiwyg.wysiwyg--center h3, .wysiwyg.wysiwyg--center h4, .wysiwyg.wysiwyg--center h5, .wysiwyg.wysiwyg--center ol, .wysiwyg.wysiwyg--center p, .wysiwyg.wysiwyg--center ul {
text-align:center
}
.wysiwyg.wysiwyg--right {
text-align:right
}
.wysiwyg.wysiwyg--right blockquote, .wysiwyg.wysiwyg--right h1, .wysiwyg.wysiwyg--right h2, .wysiwyg.wysiwyg--right h3, .wysiwyg.wysiwyg--right h4, .wysiwyg.wysiwyg--right h5, .wysiwyg.wysiwyg--right ol, .wysiwyg.wysiwyg--right p, .wysiwyg.wysiwyg--right ul {
margin:1em 0 1em auto
}
.wysiwyg h1:first-child, .wysiwyg h2:first-child, .wysiwyg h3:first-child, .wysiwyg h4:first-child, .wysiwyg h5:first-child, .wysiwyg p:first-child {
margin-top:0
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3 {
line-height: 1em;
margin-bottom: .5em;
margin-top:.5em
}
.wysiwyg b, .wysiwyg strong {
color:inherit
}
.wysiwyg blockquote {
margin:60px auto
}
.wysiwyg blockquote p {
color: inherit;
padding: 0 30px;
text-align:center
}
.wysiwyg ol a:not(.button), .wysiwyg p a:not(.button), .wysiwyg ul a:not(.button) {
border-bottom: 1px solid var(--color-primary);
text-decoration:none
}
.wysiwyg ol a:not(.button), .wysiwyg ol a:not(.button):hover, .wysiwyg p a:not(.button), .wysiwyg p a:not(.button):hover, .wysiwyg ul a:not(.button), .wysiwyg ul a:not(.button):hover {
-o-transition: color .3s ease-in-out, border .3s ease-in-out;
-moz-transition: color .3s ease-in-out, border .3s ease-in-out;
-webkit-transition: color .3s ease-in-out, border .3s ease-in-out;
transition:color .3s ease-in-out, border .3s ease-in-out
}
.wysiwyg p:last-of-type {
margin-bottom:2em
}
.wysiwyg ul {
margin: 1em 0;
padding: 0 0 0 1em;
text-align:left
}
.wysiwyg ul li {
margin:0 0 1.25em
}
.wysiwyg ul li:before {
display:none
}
.wysiwyg img.aligncenter, .wysiwyg img.alignnone {
height: auto;
margin-left: auto;
margin-right: auto;
width:auto
}
.wysiwyg .wp-caption, .wysiwyg .wp-caption.alignleft, .wysiwyg .wp-caption.alignright, .wysiwyg img {
height: auto;
margin: 1.6em 0;
max-width: 100%;
width:auto
}
.wysiwyg .wp-caption img, .wysiwyg .wp-caption.alignleft img, .wysiwyg .wp-caption.alignright img {
margin:0
}
.wysiwyg .wp-caption {
position:relative
}
.wysiwyg .wp-caption .wp-caption-text {
bottom: 0;
color: inherit;
font-family: var(--headingFont);
font-size: var(--fs-caption);
left: 0;
line-height: 1.3em;
margin: 0;
max-width: 80%;
opacity: .7;
padding: 6px 12px 8px 0;
vertical-align: middle;
width: auto;
z-index:1
}
.wysiwyg .gallery .gallery-item, .wysiwyg .gallery .gallery__item {
margin: 0 !important;
position:relative
}
.wysiwyg .gallery .gallery-item img, .wysiwyg .gallery .gallery__item img {
border: 3px solid #fff !important;
margin:0
}
.wysiwyg .gallery .gallery-item:hover .gallery-caption, .wysiwyg .gallery .gallery__item:hover .gallery-caption {
bottom: 3px;
opacity: 1;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition:all .3s ease
}
.wysiwyg .gallery .gallery-caption {
background: var(--black);
bottom: 0;
font-size: 15px;
left: 3px;
letter-spacing: .02em;
line-height: 1em;
max-width: 90%;
opacity: 0;
padding: .2em .5em .4em;
position: absolute;
text-align: left;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition:all .3s ease
}
.wysiwyg iframe, .wysiwyg video {
aspect-ratio: 16/9;
height: auto;
max-width: 100%;
width:100%
}
.wysiwyg :first-child {
margin-top:0 !important
}
@media (min-width: 1024px) {
.wysiwyg .wp-caption.alignleft, .wysiwyg .wp-caption.alignright, .wysiwyg img.alignleft, .wysiwyg img.alignright {
word-wrap: normal;
display: inline-block;
float: right;
margin:40px -60px 40px 60px
}
.wysiwyg .wp-caption.alignleft, .wysiwyg img.alignleft {
margin-left: -60px;
margin-right:60px
}
}
.button {
background-color: var(--button-bg);
border: 1px solid var(--color-primary);
border-radius: var(--button-radius);
-moz-border-radius: var(--button-radius);
-webkit-border-radius: var(--button-radius);
-o-border-radius: var(--button-radius);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: var(--white);
cursor: pointer;
display: inline-block;
font-family: var(--monoFont);
font-size: 16px;
letter-spacing: .01em;
line-height: 1.5em;
outline: none;
padding: var(--button-padding);
text-align: center;
text-decoration: none;
text-transform: uppercase;
-o-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
transition:background-color .2s ease-in-out
}
.button.button--outline {
background-color: transparent;
border: 1px solid var(--black);
color:var(--black)
}
.button.button--outline:hover {
text-decoration:underline
}
.button.button--green {
background-color: var(--lightgreen);
border: 0;
color:var(--black)
}
.button.button--green:hover {
background-color:hsla(78, 70%, 67%, .8)
}
.cookie-consent-banner {
background-color: var(--color-primary);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
bottom: 10px;
display: none !important;
left: 10px;
max-width: 400px;
padding: 20px 30px;
position: fixed;
-o-transition: all, 1s, ease;
-moz-transition: all, 1s, ease;
-webkit-transition: all, 1s, ease;
transition: all, 1s, ease;
z-index:99
}
.cookie-consent-banner--close {
left:-150vw
}
.cookie-consent-banner__info {
margin-bottom:20px
}
.cookie-consent-banner p {
color: var(--color-secondary);
font-family: var(--textFont);
font-size: var(--fs-b);
margin:0
}
.cookie-consent-banner p.large {
font-family: var(--headingFont);
font-size: var(--fs-h4);
margin-bottom:15px
}
.cookie-consent-banner p__buttons {
align-items: center;
display:flex
}
.cookie-consent-banner button.button--reject {
background-color: var(--color-error);
margin-right:15px
}
.cookie-consent-banner button.button--accept {
background-color:var(--color-success)
}
.site-footer {
display: block;
overflow: hidden;
padding: 56px 0;
position: relative;
width:100%
}
@media (min-width: 768px) {
.site-footer {
padding-bottom:80px
}
}
@media (min-width: 1440px) {
.site-footer {
padding-bottom:52px
}
}
.site-footer .column--newsletter {
margin-bottom:40px
}
@media (min-width: 1024px) {
.site-footer .column--newsletter {
margin-bottom:0
}
}
.site-footer .column--newsletter a {
display:block
}
@media (min-width: 768px) {
.site-footer .column--newsletter a {
max-width:248px
}
}
.site-footer .column--image-crediting {
color: var(--grey);
font-size:16px
}
.site-footer .column--image-crediting a {
text-decoration:underline
}
@media (min-width: 768px) {
.site-footer .column--image-crediting {
max-width:168px
}
}
@media (min-width: 1024px) {
.site-footer .column--image-crediting {
max-width:100%
}
}
.site-footer .footer__columns {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap:44px
}
@media (min-width: 528px) {
.site-footer .footer__columns {
gap:80px
}
}
.site-footer .footer__columns .footer__column:first-child {
min-width:134px
}
@media (min-width: 1024px) {
.site-footer .footer__content-first {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap:56px
}
}
@media (min-width: 1440px) {
.site-footer .footer__content-first {
gap:160px
}
}
.site-footer .footer__content-last {
margin-top:40px
}
@media (min-width: 1024px) {
.site-footer .footer__content-last .footer__columns {
gap:140px
}
}
@media (min-width: 1440px) {
.site-footer .footer__content-last {
margin-top:24px
}
.site-footer .footer__content-last .footer__columns {
gap:240px
}
}
.site-footer .mono {
margin-bottom: 16px;
opacity:.6
}
.site-footer .column--contact-details p a {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 16px;
position:relative
}
.site-footer .column--contact-details p a:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.186 15 14 8m0 0L6.186 1M14 8H0' stroke='%23000'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 14px;
background-size: 14px;
content: "";
height: 14px;
width:14px
}
@media (min-width: 1440px) {
.site-footer .column--contact-details p {
font-size:16px
}
}
.site-footer .illustration {
display:none
}
@media (min-width: 768px) {
.site-footer .illustration {
display: block;
position: absolute;
right: 0;
top: 0;
width: 323px;
z-index:1
}
}
@media (min-width: 1440px) {
.site-footer .illustration {
width:507px
}
.site-footer .illustration .ill-tablet {
display:none
}
.site-footer .illustration .ill-desktop {
display:block
}
}
.icon-list {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 24px;
list-style-type:none
}
.icon-list a {
display: block;
height: 24px;
width:24px
}
.site-header {
height: var(--nav-height);
left: 0;
padding-top: 32px;
position: absolute;
top: 0;
width: 100%;
z-index:10
}
.site-header .contain {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display:flex
}
.site-header .site-logo {
display: flex;
height: 76px;
margin-right: 4px;
width:76px
}
.site-header .site-logo svg {
margin: auto;
width:56px
}
.js img.lazy {
opacity: 0;
-o-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
-webkit-transition: opacity .5s ease;
transition:opacity .5s ease
}
.js img.lazy.lazy--loaded {
opacity:1
}
.js img[data-src] :not(.lazy--placeholder) {
opacity: 0;
-o-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
will-change:opacity
}
.js img.lazy--placeholder {
filter:blur(20px)
}
.js img.lazy--placeholder, .js img.lazy--placeholder.lazy--loaded {
-o-transition: filter 1.5s ease;
-moz-transition: filter 1.5s ease;
-webkit-transition: filter 1.5s ease;
transition:filter 1.5s ease
}
.js img.lazy--placeholder.lazy--loaded {
filter:blur(0)
}
.js img.lazy--background {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat 50% #000;
-webkit-background-size: cover;
background-size:cover
}
div.lazy--background {
background: red;
min-height: 100vh;
position:relative
}
div.lazy--background, div.lazy--background div {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
height: 100%;
width:100%
}
div.lazy--background div {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top:0
}
div.lazy--background div, div.lazy--background div.lazy--loaded {
-o-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
-webkit-transition: opacity .5s ease;
transition:opacity .5s ease
}
div.lazy--background div.lazy--loaded {
opacity:1
}
.appear {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform:translateY(20px)
}
.appear, .appear--opacity {
opacity:0
}
.appear, .appear--opacity, div.loaded .appear, section.loaded .appear {
-o-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
transition:all 1.5s ease
}
div.loaded .appear, section.loaded .appear {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform:translateY(0)
}
div.loaded .appear.delay:first-child, section.loaded .appear.delay:first-child {
transition-delay: 0s;
-moz-transition-delay: 0s;
-webkit-transition-delay: 0s;
-o-transition-delay:0s
}
div.loaded .appear.delay:nth-child(2), section.loaded .appear.delay:nth-child(2) {
transition-delay: .2s;
-moz-transition-delay: .2s;
-webkit-transition-delay: .2s;
-o-transition-delay:.2s
}
div.loaded .appear.delay:nth-child(3), section.loaded .appear.delay:nth-child(3) {
transition-delay: .4s;
-moz-transition-delay: .4s;
-webkit-transition-delay: .4s;
-o-transition-delay:.4s
}
div.loaded .appear.delay:nth-child(4), section.loaded .appear.delay:nth-child(4) {
transition-delay: .6s;
-moz-transition-delay: .6s;
-webkit-transition-delay: .6s;
-o-transition-delay:.6s
}
div.loaded .appear.delay:nth-child(5), section.loaded .appear.delay:nth-child(5) {
transition-delay: .8s;
-moz-transition-delay: .8s;
-webkit-transition-delay: .8s;
-o-transition-delay:.8s
}
div.loaded .appear.delay:nth-child(6), section.loaded .appear.delay:nth-child(6) {
transition-delay: 1s;
-moz-transition-delay: 1s;
-webkit-transition-delay: 1s;
-o-transition-delay:1s
}
div.loaded .appear.delay:nth-child(7), section.loaded .appear.delay:nth-child(7) {
transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
-o-transition-delay:1.2s
}
div.loaded .appear.delay:nth-child(8), section.loaded .appear.delay:nth-child(8) {
transition-delay: 1.4s;
-moz-transition-delay: 1.4s;
-webkit-transition-delay: 1.4s;
-o-transition-delay:1.4s
}
div.loaded .appear.delay:nth-child(9), section.loaded .appear.delay:nth-child(9) {
transition-delay: 1.6s;
-moz-transition-delay: 1.6s;
-webkit-transition-delay: 1.6s;
-o-transition-delay:1.6s
}
div.loaded .appear.delay:nth-child(10), section.loaded .appear.delay:nth-child(10) {
transition-delay: 1.8s;
-moz-transition-delay: 1.8s;
-webkit-transition-delay: 1.8s;
-o-transition-delay:1.8s
}
div.loaded .appear.delay:nth-child(11), section.loaded .appear.delay:nth-child(11) {
transition-delay: 2s;
-moz-transition-delay: 2s;
-webkit-transition-delay: 2s;
-o-transition-delay:2s
}
div.loaded .appear.delay:nth-child(12), section.loaded .appear.delay:nth-child(12) {
transition-delay: 2.2s;
-moz-transition-delay: 2.2s;
-webkit-transition-delay: 2.2s;
-o-transition-delay:2.2s
}
div.loaded .appear.delay:nth-child(13), section.loaded .appear.delay:nth-child(13) {
transition-delay: 2.4s;
-moz-transition-delay: 2.4s;
-webkit-transition-delay: 2.4s;
-o-transition-delay:2.4s
}
div.loaded .appear.delay:nth-child(14), section.loaded .appear.delay:nth-child(14) {
transition-delay: 2.6s;
-moz-transition-delay: 2.6s;
-webkit-transition-delay: 2.6s;
-o-transition-delay:2.6s
}
div.loaded .appear.delay:nth-child(15), section.loaded .appear.delay:nth-child(15) {
transition-delay: 2.8s;
-moz-transition-delay: 2.8s;
-webkit-transition-delay: 2.8s;
-o-transition-delay:2.8s
}
div.loaded .appear.delay:nth-child(16), section.loaded .appear.delay:nth-child(16) {
transition-delay: 3s;
-moz-transition-delay: 3s;
-webkit-transition-delay: 3s;
-o-transition-delay:3s
}
div.loaded .appear.delay:nth-child(17), section.loaded .appear.delay:nth-child(17) {
transition-delay: 3.200000000000001s;
-moz-transition-delay: 3.200000000000001s;
-webkit-transition-delay: 3.200000000000001s;
-o-transition-delay:3.200000000000001s
}
div.loaded .appear.delay:nth-child(18), section.loaded .appear.delay:nth-child(18) {
transition-delay: 3.400000000000001s;
-moz-transition-delay: 3.400000000000001s;
-webkit-transition-delay: 3.400000000000001s;
-o-transition-delay:3.400000000000001s
}
div.loaded .appear.delay:nth-child(19), section.loaded .appear.delay:nth-child(19) {
transition-delay: 3.600000000000001s;
-moz-transition-delay: 3.600000000000001s;
-webkit-transition-delay: 3.600000000000001s;
-o-transition-delay:3.600000000000001s
}
div.loaded .appear.delay:nth-child(20), section.loaded .appear.delay:nth-child(20) {
transition-delay: 3.800000000000001s;
-moz-transition-delay: 3.800000000000001s;
-webkit-transition-delay: 3.800000000000001s;
-o-transition-delay:3.800000000000001s
}
div.loaded .appear.delay:nth-child(21), section.loaded .appear.delay:nth-child(21) {
transition-delay: 4.000000000000001s;
-moz-transition-delay: 4.000000000000001s;
-webkit-transition-delay: 4.000000000000001s;
-o-transition-delay:4.000000000000001s
}
div.loaded .appear.delay:nth-child(22), section.loaded .appear.delay:nth-child(22) {
transition-delay: 4.200000000000001s;
-moz-transition-delay: 4.200000000000001s;
-webkit-transition-delay: 4.200000000000001s;
-o-transition-delay:4.200000000000001s
}
div.loaded .appear.delay:nth-child(23), section.loaded .appear.delay:nth-child(23) {
transition-delay: 4.400000000000001s;
-moz-transition-delay: 4.400000000000001s;
-webkit-transition-delay: 4.400000000000001s;
-o-transition-delay:4.400000000000001s
}
div.loaded .appear.delay:nth-child(24), section.loaded .appear.delay:nth-child(24) {
transition-delay: 4.600000000000001s;
-moz-transition-delay: 4.600000000000001s;
-webkit-transition-delay: 4.600000000000001s;
-o-transition-delay:4.600000000000001s
}
div.loaded .appear.delay:nth-child(25), section.loaded .appear.delay:nth-child(25) {
transition-delay: 4.800000000000002s;
-moz-transition-delay: 4.800000000000002s;
-webkit-transition-delay: 4.800000000000002s;
-o-transition-delay:4.800000000000002s
}
div.loaded .appear.delay:nth-child(26), section.loaded .appear.delay:nth-child(26) {
transition-delay: 5.000000000000002s;
-moz-transition-delay: 5.000000000000002s;
-webkit-transition-delay: 5.000000000000002s;
-o-transition-delay:5.000000000000002s
}
div.loaded .appear.delay:nth-child(27), section.loaded .appear.delay:nth-child(27) {
transition-delay: 5.200000000000002s;
-moz-transition-delay: 5.200000000000002s;
-webkit-transition-delay: 5.200000000000002s;
-o-transition-delay:5.200000000000002s
}
div.loaded .appear.delay:nth-child(28), section.loaded .appear.delay:nth-child(28) {
transition-delay: 5.400000000000002s;
-moz-transition-delay: 5.400000000000002s;
-webkit-transition-delay: 5.400000000000002s;
-o-transition-delay:5.400000000000002s
}
div.loaded .appear.delay:nth-child(29), section.loaded .appear.delay:nth-child(29) {
transition-delay: 5.600000000000002s;
-moz-transition-delay: 5.600000000000002s;
-webkit-transition-delay: 5.600000000000002s;
-o-transition-delay:5.600000000000002s
}
div.loaded .appear.delay:nth-child(30), section.loaded .appear.delay:nth-child(30) {
transition-delay: 5.800000000000002s;
-moz-transition-delay: 5.800000000000002s;
-webkit-transition-delay: 5.800000000000002s;
-o-transition-delay:5.800000000000002s
}
div.loaded .appear.delay:nth-child(31), section.loaded .appear.delay:nth-child(31) {
transition-delay: 6.000000000000003s;
-moz-transition-delay: 6.000000000000003s;
-webkit-transition-delay: 6.000000000000003s;
-o-transition-delay:6.000000000000003s
}
div.loaded .appear.delay:nth-child(32), section.loaded .appear.delay:nth-child(32) {
transition-delay: 6.200000000000003s;
-moz-transition-delay: 6.200000000000003s;
-webkit-transition-delay: 6.200000000000003s;
-o-transition-delay:6.200000000000003s
}
div.loaded .appear.delay:nth-child(33), section.loaded .appear.delay:nth-child(33) {
transition-delay: 6.400000000000003s;
-moz-transition-delay: 6.400000000000003s;
-webkit-transition-delay: 6.400000000000003s;
-o-transition-delay:6.400000000000003s
}
div.loaded .appear.delay:nth-child(34), section.loaded .appear.delay:nth-child(34) {
transition-delay: 6.600000000000003s;
-moz-transition-delay: 6.600000000000003s;
-webkit-transition-delay: 6.600000000000003s;
-o-transition-delay:6.600000000000003s
}
div.loaded .appear.delay:nth-child(35), section.loaded .appear.delay:nth-child(35) {
transition-delay: 6.800000000000003s;
-moz-transition-delay: 6.800000000000003s;
-webkit-transition-delay: 6.800000000000003s;
-o-transition-delay:6.800000000000003s
}
div.loaded .appear--opacity, section.loaded .appear--opacity {
opacity: 1;
-o-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
transition:all 1.5s ease
}
div.loaded .appear--opacity.delay:first-child, section.loaded .appear--opacity.delay:first-child {
transition-delay: 0s;
-moz-transition-delay: 0s;
-webkit-transition-delay: 0s;
-o-transition-delay:0s
}
div.loaded .appear--opacity.delay:nth-child(2), section.loaded .appear--opacity.delay:nth-child(2) {
transition-delay: .2s;
-moz-transition-delay: .2s;
-webkit-transition-delay: .2s;
-o-transition-delay:.2s
}
div.loaded .appear--opacity.delay:nth-child(3), section.loaded .appear--opacity.delay:nth-child(3) {
transition-delay: .4s;
-moz-transition-delay: .4s;
-webkit-transition-delay: .4s;
-o-transition-delay:.4s
}
div.loaded .appear--opacity.delay:nth-child(4), section.loaded .appear--opacity.delay:nth-child(4) {
transition-delay: .6s;
-moz-transition-delay: .6s;
-webkit-transition-delay: .6s;
-o-transition-delay:.6s
}
div.loaded .appear--opacity.delay:nth-child(5), section.loaded .appear--opacity.delay:nth-child(5) {
transition-delay: .8s;
-moz-transition-delay: .8s;
-webkit-transition-delay: .8s;
-o-transition-delay:.8s
}
div.loaded .appear--opacity.delay:nth-child(6), section.loaded .appear--opacity.delay:nth-child(6) {
transition-delay: 1s;
-moz-transition-delay: 1s;
-webkit-transition-delay: 1s;
-o-transition-delay:1s
}
div.loaded .appear--opacity.delay:nth-child(7), section.loaded .appear--opacity.delay:nth-child(7) {
transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
-o-transition-delay:1.2s
}
div.loaded .appear--opacity.delay:nth-child(8), section.loaded .appear--opacity.delay:nth-child(8) {
transition-delay: 1.4s;
-moz-transition-delay: 1.4s;
-webkit-transition-delay: 1.4s;
-o-transition-delay:1.4s
}
div.loaded .appear--opacity.delay:nth-child(9), section.loaded .appear--opacity.delay:nth-child(9) {
transition-delay: 1.6s;
-moz-transition-delay: 1.6s;
-webkit-transition-delay: 1.6s;
-o-transition-delay:1.6s
}
div.loaded .appear--opacity.delay:nth-child(10), section.loaded .appear--opacity.delay:nth-child(10) {
transition-delay: 1.8s;
-moz-transition-delay: 1.8s;
-webkit-transition-delay: 1.8s;
-o-transition-delay:1.8s
}
div.loaded .appear--opacity.delay:nth-child(11), section.loaded .appear--opacity.delay:nth-child(11) {
transition-delay: 2s;
-moz-transition-delay: 2s;
-webkit-transition-delay: 2s;
-o-transition-delay:2s
}
div.loaded .appear--opacity.delay:nth-child(12), section.loaded .appear--opacity.delay:nth-child(12) {
transition-delay: 2.2s;
-moz-transition-delay: 2.2s;
-webkit-transition-delay: 2.2s;
-o-transition-delay:2.2s
}
div.loaded .appear--opacity.delay:nth-child(13), section.loaded .appear--opacity.delay:nth-child(13) {
transition-delay: 2.4s;
-moz-transition-delay: 2.4s;
-webkit-transition-delay: 2.4s;
-o-transition-delay:2.4s
}
div.loaded .appear--opacity.delay:nth-child(14), section.loaded .appear--opacity.delay:nth-child(14) {
transition-delay: 2.6s;
-moz-transition-delay: 2.6s;
-webkit-transition-delay: 2.6s;
-o-transition-delay:2.6s
}
div.loaded .appear--opacity.delay:nth-child(15), section.loaded .appear--opacity.delay:nth-child(15) {
transition-delay: 2.8s;
-moz-transition-delay: 2.8s;
-webkit-transition-delay: 2.8s;
-o-transition-delay:2.8s
}
div.loaded .appear--opacity.delay:nth-child(16), section.loaded .appear--opacity.delay:nth-child(16) {
transition-delay: 3s;
-moz-transition-delay: 3s;
-webkit-transition-delay: 3s;
-o-transition-delay:3s
}
div.loaded .appear--opacity.delay:nth-child(17), section.loaded .appear--opacity.delay:nth-child(17) {
transition-delay: 3.200000000000001s;
-moz-transition-delay: 3.200000000000001s;
-webkit-transition-delay: 3.200000000000001s;
-o-transition-delay:3.200000000000001s
}
div.loaded .appear--opacity.delay:nth-child(18), section.loaded .appear--opacity.delay:nth-child(18) {
transition-delay: 3.400000000000001s;
-moz-transition-delay: 3.400000000000001s;
-webkit-transition-delay: 3.400000000000001s;
-o-transition-delay:3.400000000000001s
}
div.loaded .appear--opacity.delay:nth-child(19), section.loaded .appear--opacity.delay:nth-child(19) {
transition-delay: 3.600000000000001s;
-moz-transition-delay: 3.600000000000001s;
-webkit-transition-delay: 3.600000000000001s;
-o-transition-delay:3.600000000000001s
}
div.loaded .appear--opacity.delay:nth-child(20), section.loaded .appear--opacity.delay:nth-child(20) {
transition-delay: 3.800000000000001s;
-moz-transition-delay: 3.800000000000001s;
-webkit-transition-delay: 3.800000000000001s;
-o-transition-delay:3.800000000000001s
}
div.loaded .appear--opacity.delay:nth-child(21), section.loaded .appear--opacity.delay:nth-child(21) {
transition-delay: 4.000000000000001s;
-moz-transition-delay: 4.000000000000001s;
-webkit-transition-delay: 4.000000000000001s;
-o-transition-delay:4.000000000000001s
}
div.loaded .appear--opacity.delay:nth-child(22), section.loaded .appear--opacity.delay:nth-child(22) {
transition-delay: 4.200000000000001s;
-moz-transition-delay: 4.200000000000001s;
-webkit-transition-delay: 4.200000000000001s;
-o-transition-delay:4.200000000000001s
}
div.loaded .appear--opacity.delay:nth-child(23), section.loaded .appear--opacity.delay:nth-child(23) {
transition-delay: 4.400000000000001s;
-moz-transition-delay: 4.400000000000001s;
-webkit-transition-delay: 4.400000000000001s;
-o-transition-delay:4.400000000000001s
}
div.loaded .appear--opacity.delay:nth-child(24), section.loaded .appear--opacity.delay:nth-child(24) {
transition-delay: 4.600000000000001s;
-moz-transition-delay: 4.600000000000001s;
-webkit-transition-delay: 4.600000000000001s;
-o-transition-delay:4.600000000000001s
}
div.loaded .appear--opacity.delay:nth-child(25), section.loaded .appear--opacity.delay:nth-child(25) {
transition-delay: 4.800000000000002s;
-moz-transition-delay: 4.800000000000002s;
-webkit-transition-delay: 4.800000000000002s;
-o-transition-delay:4.800000000000002s
}
div.loaded .appear--opacity.delay:nth-child(26), section.loaded .appear--opacity.delay:nth-child(26) {
transition-delay: 5.000000000000002s;
-moz-transition-delay: 5.000000000000002s;
-webkit-transition-delay: 5.000000000000002s;
-o-transition-delay:5.000000000000002s
}
div.loaded .appear--opacity.delay:nth-child(27), section.loaded .appear--opacity.delay:nth-child(27) {
transition-delay: 5.200000000000002s;
-moz-transition-delay: 5.200000000000002s;
-webkit-transition-delay: 5.200000000000002s;
-o-transition-delay:5.200000000000002s
}
div.loaded .appear--opacity.delay:nth-child(28), section.loaded .appear--opacity.delay:nth-child(28) {
transition-delay: 5.400000000000002s;
-moz-transition-delay: 5.400000000000002s;
-webkit-transition-delay: 5.400000000000002s;
-o-transition-delay:5.400000000000002s
}
div.loaded .appear--opacity.delay:nth-child(29), section.loaded .appear--opacity.delay:nth-child(29) {
transition-delay: 5.600000000000002s;
-moz-transition-delay: 5.600000000000002s;
-webkit-transition-delay: 5.600000000000002s;
-o-transition-delay:5.600000000000002s
}
div.loaded .appear--opacity.delay:nth-child(30), section.loaded .appear--opacity.delay:nth-child(30) {
transition-delay: 5.800000000000002s;
-moz-transition-delay: 5.800000000000002s;
-webkit-transition-delay: 5.800000000000002s;
-o-transition-delay:5.800000000000002s
}
div.loaded .appear--opacity.delay:nth-child(31), section.loaded .appear--opacity.delay:nth-child(31) {
transition-delay: 6.000000000000003s;
-moz-transition-delay: 6.000000000000003s;
-webkit-transition-delay: 6.000000000000003s;
-o-transition-delay:6.000000000000003s
}
div.loaded .appear--opacity.delay:nth-child(32), section.loaded .appear--opacity.delay:nth-child(32) {
transition-delay: 6.200000000000003s;
-moz-transition-delay: 6.200000000000003s;
-webkit-transition-delay: 6.200000000000003s;
-o-transition-delay:6.200000000000003s
}
div.loaded .appear--opacity.delay:nth-child(33), section.loaded .appear--opacity.delay:nth-child(33) {
transition-delay: 6.400000000000003s;
-moz-transition-delay: 6.400000000000003s;
-webkit-transition-delay: 6.400000000000003s;
-o-transition-delay:6.400000000000003s
}
div.loaded .appear--opacity.delay:nth-child(34), section.loaded .appear--opacity.delay:nth-child(34) {
transition-delay: 6.600000000000003s;
-moz-transition-delay: 6.600000000000003s;
-webkit-transition-delay: 6.600000000000003s;
-o-transition-delay:6.600000000000003s
}
div.loaded .appear--opacity.delay:nth-child(35), section.loaded .appear--opacity.delay:nth-child(35) {
transition-delay: 6.800000000000003s;
-moz-transition-delay: 6.800000000000003s;
-webkit-transition-delay: 6.800000000000003s;
-o-transition-delay:6.800000000000003s
}
.accordion__tab {
border-top:1px solid var(--black)
}
.accordion__tab:last-child {
border-bottom:1px solid var(--black)
}
.accordion__tab.open .accordion__heading:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform:rotate(-180deg)
}
.accordion__tab.open .accordion__body {
border-top:1px solid var(--black)
}
.accordion__header {
background: transparent;
position: relative;
-o-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
transition:background-color .2s ease-in-out
}
.accordion__header button {
cursor: pointer;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index:2
}
.accordion__heading {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 30px 30px 30px 0;
position:relative
}
@media (min-width: 768px) {
.accordion__heading {
padding:28px 30px 28px 0
}
.accordion__heading .title {
margin-right: auto;
position: relative;
top:4px
}
}
@media (min-width: 1440px) {
.accordion__heading {
padding:34px 0
}
}
.accordion__heading .count {
border: 1px solid var(--black);
display: none;
font-size: 32px;
height: 48px;
width:48px
}
@media (min-width: 768px) {
.accordion__heading .count {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-right:24px
}
.accordion__heading .count span {
position: relative;
top:3px
}
}
@media (min-width: 1440px) {
.accordion__heading .count {
font-size: 56px;
height: 88px;
margin-right: 32px;
width:88px
}
.accordion__heading .count span {
top:5px
}
}
.accordion__heading:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17.674 21 40m0 0 20-22.326M21 40V0' stroke='%23000'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 24px;
background-size: 24px;
content: "";
height: 24px;
position: absolute;
right: 0;
top: calc(50% - 12px);
-o-transition: transform .2s;
-moz-transition: transform .2s;
-webkit-transition: transform .2s;
transition: transform .2s;
width:24px
}
@media (min-width: 1440px) {
.accordion__heading:after {
-webkit-background-size: 44px;
background-size: 44px;
height: 44px;
top: calc(50% - 22px);
width:44px
}
}
.accordion__body {
max-height: 0;
overflow: hidden;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition:all .2s ease-in-out
}
.accordion__body .inner-content {
padding:64px 0
}
@media (min-width: 1024px) {
.accordion-cards {
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap:24px
}
}
@media (min-width: 1440px) {
.accordion-cards {
gap:56px
}
}
.accordion-cards .card {
background-color: var(--off-white);
border: 1px solid var(--black);
margin-bottom: 32px;
position:relative
}
@media (min-width: 1024px) {
.accordion-cards .card {
margin-bottom: 0;
width:33.33333%
}
}
.accordion-cards .card:last-child {
margin-bottom:0
}
.accordion-cards .card .card__header {
min-height: 200px;
padding:32px 32px 38px
}
.accordion-cards .card .card__header h3 {
font-family:AnybodyMedium
}
.accordion-cards .card .card__header p {
color: var(--grey);
margin-top:16px
}
@media (min-width: 768px) {
.accordion-cards .card .card__header {
min-height:160px
}
}
@media (min-width: 1440px) {
.accordion-cards .card .card__header {
min-height:240px
}
.accordion-cards .card .card__header p {
font-size:16px
}
}
.accordion-cards .card .card__body {
border-top:1px solid var(--black)
}
.accordion-cards .tab {
border-bottom:1px solid var(--black)
}
.accordion-cards .tab, .accordion-cards .tab .tab__header {
background: transparent;
-o-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
transition:background-color .2s ease-in-out
}
.accordion-cards .tab .tab__header {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: var(--monoFont);
font-size: 16px;
gap: 16px;
letter-spacing: .01em;
line-height: 1.5em;
padding: 16px 32px;
text-transform:uppercase
}
.accordion-cards .tab .tab__header:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.302 7 12m0 0 6-6.698M7 12V0' stroke='%23000'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 12px;
background-size: 12px;
content: "";
height: 12px;
-o-transition: transform .2s;
-moz-transition: transform .2s;
-webkit-transition: transform .2s;
transition: transform .2s;
width:12px
}
.accordion-cards .tab .tab__body {
max-height: 0;
overflow: hidden;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition:all .2s ease-in-out
}
.accordion-cards .tab .tab__body .inner-content {
padding:0 32px 16px
}
.accordion-cards .tab .tab__body ul li {
margin:0 0 1em
}
.accordion-cards .tab.open {
background: transparent;
-o-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
transition:background-color .2s ease-in-out
}
.accordion-cards .tab.open .tab__header:before {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform:rotate(-180deg)
}
.accordion-cards .tab-4 {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
border-bottom: 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction:column
}
.accordion-cards .tab-4 .tab__header {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
-o-transition: color, background .2s;
-moz-transition: color, background .2s;
-webkit-transition: color, background .2s;
transition:color, background .2s
}
.accordion-cards .tab-4 .tab__header:before {
display:none
}
.accordion-cards .tab-4 .tab__body .inner-wrapper {
background-color: var(--off-white);
border: 1px solid var(--black);
max-height: 678px;
overflow-x: hidden;
overflow-y:scroll
}
.accordion-cards .tab-4 .tab__body .inner-wrapper::-webkit-scrollbar {
background-color: var(--off-white);
width:15px
}
.accordion-cards .tab-4 .tab__body .inner-wrapper::-webkit-scrollbar-track {
background-color:var(--off-white)
}
.accordion-cards .tab-4 .tab__body .inner-wrapper::-webkit-scrollbar-thumb {
background: var(--black) !important;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius:0
}
.accordion-cards .tab-4 .tab__body li {
border-bottom: 1px solid var(--black);
margin-bottom:0 !important
}
.accordion-cards .tab-4 .tab__body li:last-child {
border-bottom: 0;
padding-bottom:0
}
.accordion-cards .tab-4 .tab__body .example {
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-box-align: flex-start;
-moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 16px;
padding: 16px;
position: relative;
-o-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
transition:background-color .2s ease-in-out
}
.accordion-cards .tab-4 .tab__body .example:hover {
background:rgba(249, 217, 25, .3)
}
.accordion-cards .tab-4 .tab__body .example:hover .visual-permalink span {
text-decoration:underline
}
.accordion-cards .tab-4 .tab__body .example .image-wrapper {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex: 0;
flex-shrink: 0;
height: 40px;
width:40px
}
.accordion-cards .tab-4 .tab__body .example .image-wrapper img {
height: 100%;
object-fit: cover;
width:100%
}
.accordion-cards .tab-4 .tab__body .example h5 {
font-size: 16px;
margin-bottom:16px
}
.accordion-cards .tab-4 .tab__body .example p {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--grey);
display: -webkit-box;
font-size: 16px;
overflow:hidden
}
.accordion-cards .tab-4 .tab__body .example .permalink {
height: 100%;
left: 0;
position: absolute;
top: 0;
width:100%
}
.accordion-cards .tab-4 .tab__body .example .visual-permalink {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
color: var(--grey);
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
gap: 16px;
margin-top: 16px;
position:relative
}
.accordion-cards .tab-4 .tab__body .example .visual-permalink:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.186 15 14 8m0 0L6.186 1M14 8H0' stroke='%23000'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 14px;
background-size: 14px;
content: "";
height: 14px;
width:14px
}
.accordion-cards .tab-4.open .tab__header {
background-color: var(--black) !important;
color:var(--yellow)
}
.accordion-cards .tab-4.open .tab__header:hover {
color:var(--yellow) !important
}
.block-guide-framework-cards {
overflow-x: hidden;
padding:80px 0
}
.block-guide-framework-cards h2 {
margin-bottom:24px
}
@media (min-width: 1024px) {
.block-guide-framework-cards h2 {
margin-bottom:32px
}
}
@media (min-width: 1440px) {
.block-guide-framework-cards h2 {
margin-bottom:34px
}
}
.block-guide-framework-cards p.h4 {
color:var(--grey)
}
@media (max-width: 1439px) {
.block-guide-framework-cards p.h4 {
max-width:576px
}
}
.block-guide-framework-cards .cards {
margin-top:64px
}
@media (min-width: 1024px) {
.block-guide-framework-cards .cards {
margin-top:49px
}
}
@media (min-width: 1440px) {
.block-guide-framework-cards .cards {
margin-top:80px
}
}
.block-guide-framework-cards .card {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
border: 1px solid var(--black);
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 40px 32px;
position: relative;
-o-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
width:296px
}
@media (min-width: 1440px) {
.block-guide-framework-cards .card {
padding: 47px 32px;
width:301px
}
}
.block-guide-framework-cards .card:before {
content: "";
height: 16px;
left: 0;
position: absolute;
top: 0;
width:100%
}
@media (min-width: 1440px) {
.block-guide-framework-cards .card:before {
height:15px
}
}
.block-guide-framework-cards .card h3 {
font-family: AnybodyMedium;
margin-bottom:24px
}
@media (min-width: 1024px) {
.block-guide-framework-cards .card h3 {
margin-bottom:32px
}
}
@media (min-width: 1440px) {
.block-guide-framework-cards .card h3 {
margin-bottom:24px
}
}
.block-guide-framework-cards .card .text {
color: var(--grey);
margin-bottom:24px
}
@media (min-width: 1440px) {
.block-guide-framework-cards .card .text li, .block-guide-framework-cards .card .text p {
font-size:16px
}
}
.block-guide-framework-cards .card .text ul li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 8px;
margin-bottom: 1em;
position:relative
}
.block-guide-framework-cards .card .text ul li:before {
content: "";
display: inline-block;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex: 0;
flex-shrink: 0;
height: 10px;
position: relative;
top: 5px;
width:10px
}
.block-guide-framework-cards .card .visual-hyperlink {
color: var(--black);
font-size: 16px;
margin-top: auto;
text-align: left;
text-decoration:underline
}
.gfc_splide .splide__pagination {
display:none
}
.gfc_splide .splide__arrows {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 8px;
margin-top:40px
}
@media (min-width: 1440px) {
.gfc_splide .splide__arrows {
display:none
}
}
.gfc_splide .splide__track {
overflow:visible
}
.gfc_splide .splide__list {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: none;
flex-wrap: nowrap;
gap:8px
}
@media (min-width: 768px) {
.gfc_splide .splide__list {
gap:16px
}
}
@media (min-width: 1440px) {
.gfc_splide .splide__list {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
display: flex !important;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
-webkit-justify-content: space-between;
justify-content:space-between
}
}
.gfc_splide .splide__slide {
width:auto !important
}
@media (min-width: 1440px) {
.gfc_splide .splide__slide {
position:relative
}
.gfc_splide .splide__slide:nth-child(-n + 3):before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.605 25 24 13m0 0L10.605 1M24 13H0' stroke='%23000'/%3E%3C/svg%3E");
right: -33px;
top:calc(50% - 12px)
}
.gfc_splide .splide__slide:nth-child(-n + 3):before, .gfc_splide .splide__slide:nth-child(-n + 4):after {
background-repeat: no-repeat;
-webkit-background-size: 24px;
background-size: 24px;
content: "";
height: 24px;
position: absolute;
width:24px
}
.gfc_splide .splide__slide:nth-child(-n + 4):after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10.605 13 24m0 0 12-13.395M13 24V0' stroke='%23000'/%3E%3C/svg%3E");
bottom: -33px;
left:calc(50% - 12px)
}
.gfc_splide .splide__slide:last-child {
width:100% !important
}
.gfc_splide .splide__slide:last-child .card {
text-align: center;
width:100%
}
.gfc_splide .splide__slide:last-child .card .text {
margin-left: auto;
margin-right: auto;
max-width:947px
}
.gfc_splide .splide__slide:last-child .card .visual-hyperlink {
text-align:center
}
}
.block-hero {
--max-height: 812px;
--padding-top: 48px;
--illustration-width:116px
}
@media (min-width: 768px) {
.block-hero {
--max-height: 896px;
--padding-top: 56px;
--illustration-width:256px
}
}
@media (min-width: 1024px) {
.block-hero {
--max-height:640px
}
}
@media (min-width: 1440px) {
.block-hero {
--max-height: 896px;
--illustration-width:508px
}
}
.block-hero h1 {
margin-bottom: 80px;
z-index:1
}
@media (min-width: 768px) {
.block-hero h1 {
padding-right:232px
}
}
@media (min-width: 1440px) {
.block-hero h1 {
max-width: 638px;
padding-right:0
}
}
.block-hero p {
padding-bottom: 88px;
padding-right:103px
}
@media (min-width: 768px) {
.block-hero p {
max-width: 344px;
padding-bottom: 64px;
padding-right:0
}
}
@media (min-width: 1024px) {
.block-hero p {
max-width: 514px;
padding-bottom:56px
}
}
.block-hero .inner-wrapper {
border-bottom: 1px solid var(--black);
overflow: hidden;
position:relative
}
.block-hero .contain {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
-webkit-justify-content: space-between;
justify-content: space-between;
max-height: var(--max-height);
padding-top:calc(var(--nav-height) + var(--padding-top))
}
.block-hero .hero-illustration {
position: absolute;
right: 0;
top: 0;
width:var(--illustration-width)
}
.block-hero .hero-illustration .ill-laptop, .block-hero .hero-illustration .ill-tablet {
display:none
}
@media (min-width: 768px) {
.block-hero .hero-illustration .ill-mobile {
display:none
}
.block-hero .hero-illustration .ill-tablet {
display:block
}
}
@media (min-width: 1024px) {
.block-hero .hero-illustration .ill-tablet {
display:none
}
.block-hero .hero-illustration .ill-laptop {
display:block
}
}
@media (min-width: 1440px) {
.block-hero .hero-illustration .ill-laptop {
display:none
}
.block-hero .hero-illustration .ill-tablet {
display:block
}
}
.block-logos {
border-bottom: 1px solid var(--black);
overflow: hidden;
padding:40px 0
}
.block-logos .logos_splide .splide__slide:last-child {
margin-right: 0 !important
}
.block-logos .logos_splide[data-count="1"] .splide__list, .block-logos .logos_splide[data-count="2"] .splide__list {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content:center
}
@media (min-width: 578px) {
.block-logos .logos_splide[data-count="3"] .splide__list {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content:center
}
}
@media (min-width: 768px) {
.block-logos .logos_splide[data-count="4"] .splide__list {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content:center
}
}
@media (min-width: 958px) {
.block-logos .logos_splide[data-count="5"] .splide__list {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content:center
}
}
@media (min-width: 1148px) {
.block-logos .logos_splide[data-count="6"] .splide__list {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content:center
}
}
@media (min-width: 1440px) {
.block-logos .logos_splide[data-count="5"] .splide__list, .block-logos .logos_splide[data-count="6"] .splide__list {
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content:flex-start
}
.block-logos .logos_splide {
margin-left: auto;
margin-right: auto;
overflow: hidden;
position:relative
}
}
.block-logos .logos_splide .splide__arrows .splide__arrow {
padding: 0;
position: absolute;
top: calc(50% - 12px);
z-index:10
}
.block-logos .logos_splide .splide__arrows .splide__arrow[disabled] {
display:none
}
.block-logos .logos_splide .splide__arrows .splide__arrow.splide__arrow--prev {
left:0
}
.block-logos .logos_splide .splide__arrows .splide__arrow.splide__arrow--next {
right:0
}
@media (max-width: 1439px) {
.block-logos .logos_splide .splide__arrows {
display:none
}
}
.block-logos .logos_splide:not(.is-overflow) .splide__arrows {
display:none
}
.block-logos .logos_splide .splide__list {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: none;
flex-wrap:nowrap
}
.block-logos .logos_splide .splide__list, .block-logos .logos_splide .splide__slide {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex
}
.block-logos .logos_splide .splide__slide {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex: 0;
flex-shrink: 0;
-webkit-justify-content: center;
justify-content:center
}
.block-resources {
border-bottom: 1px solid var(--black);
padding:80px 0
}
.block-resources .resources__list {
border: 1px solid var(--black);
border-bottom: 0;
list-style-type: none;
margin-top:40px
}
.block-resources .resources__list-item {
background: transparent;
border-bottom: 1px solid var(--black);
padding: 16px;
position: relative;
-o-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-webkit-transition: background-color .2s ease-in-out;
transition:background-color .2s ease-in-out
}
.block-resources .resources__list-item .card {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap:16px
}
.block-resources .resources__list-item .card .image-wrapper {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex: 0;
flex-shrink: 0;
height: 40px;
position: relative;
width:40px
}
.block-resources .resources__list-item .card .image-wrapper img {
height: 100%;
object-fit: cover;
width:100%
}
@media (min-width: 768px) {
.block-resources .resources__list-item .card .image-wrapper {
height: auto;
width:80px
}
}
.block-resources .resources__list-item .card:hover .visual-permalink span {
text-decoration:underline
}
.block-resources .resources__list-item h3 {
font-size: 16px;
margin-bottom:16px
}
@media (min-width: 768px) {
.block-resources .resources__list-item h3 {
margin-bottom:8px
}
}
.block-resources .resources__list-item p {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--grey);
display: -webkit-box;
font-size: 16px;
line-height: 1.375em;
max-width: 846px;
overflow:hidden
}
@media (min-width: 1440px) {
.block-resources .resources__list-item p {
-webkit-line-clamp:1
}
}
.block-resources .resources__list-item .permalink {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index:2
}
.block-resources .resources__list-item .visual-permalink {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
gap: 16px;
margin-top: 24px;
position:relative
}
.block-resources .resources__list-item .visual-permalink:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.186 15 14 8m0 0L6.186 1M14 8H0' stroke='%23000'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 14px;
background-size: 14px;
content: "";
height: 14px;
width:14px
}
.block-resources .loadmore {
margin-top: 80px;
width:100%
}
@media (min-width: 768px) {
.block-resources .loadmore {
margin-top:40px
}
}
@media (min-width: 1024px) {
.block-resources .loadmore {
margin-top:120px
}
}
@media (min-width: 1440px) {
.block-resources .loadmore {
margin-top:56px
}
}
.block-resources .terms-of-use {
border: 1px solid var(--black);
margin-top: 80px;
padding:16px 24px
}
.block-resources .terms-of-use.open .content__header:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform:rotate(-180deg)
}
@media (min-width: 768px) {
.block-resources .terms-of-use {
margin-top: 80px;
padding:16px 32px
}
}
@media (min-width: 1024px) {
.block-resources .terms-of-use {
margin-top:120px
}
}
.block-resources .terms-of-use .content__header {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
align-items: center;
background: 0;
border: 0;
color: var(--black);
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 53px;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
text-align: left;
width:100%
}
.block-resources .terms-of-use .content__header:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.302 7 12m0 0 6-6.698M7 12V0' stroke='%23000'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 12px;
background-size: 12px;
content: "";
height: 12px;
width:12px
}
.block-resources .terms-of-use .content__header:hover {
text-decoration:underline
}
.block-resources .terms-of-use .content__body {
max-height: 0;
overflow: hidden;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition:all .2s ease-in-out
}
.block-resources .terms-of-use .content__body li, .block-resources .terms-of-use .content__body p {
color: var(--grey);
font-size:16px
}
.block-resources .terms-of-use .content__body li {
margin-bottom:1.4em
}
.block-resources .terms-of-use .content__body li:last-child {
margin-bottom:0
}
.block-resources .terms-of-use .content__body .inner-content {
padding:24px 0
}
@media (min-width: 768px) {
.block-resources .terms-of-use .content__body .inner-content {
padding:40px 0 24px
}
}
@media (min-width: 1024px) {
.block-resources {
padding:120px 0 164px
}
.block-resources .resources__list {
margin-top:56px
}
}
.block-why-what-how {
border-bottom: 1px solid var(--black);
padding:80px 0
}
.block-why-what-how a, .block-why-what-how li, .block-why-what-how p {
color:var(--grey)
}
.block-why-what-how a {
text-decoration:underline
}
.block-why-what-how ol, .block-why-what-how ul {
padding-left:24px
}
.block-why-what-how .heading {
position:relative
}
.block-why-what-how .heading .strip {
height: calc(100% - 4px);
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index:1
}
.block-why-what-how .heading .strip.strip-green {
background-color:var(--green)
}
.block-why-what-how .heading .strip.strip-red {
background-color:var(--red)
}
.block-why-what-how .heading .strip.strip-yellow {
background-color:var(--yellow-dark)
}
.block-why-what-how .heading h2 {
display: inline-block;
margin: 0;
position: relative;
z-index:2
}
.block-why-what-how .heading h2 span {
position: relative;
z-index:2
}
.block-why-what-how .heading h2:before {
background-color: var(--off-white);
content: "";
display: block;
height: 100%;
left: -16px;
position: absolute;
top: 0;
width: calc(100% + 32px);
z-index:1
}
.block-why-what-how .text-content {
padding:24px 0 80px
}
.block-why-what-how .text-content p {
font-size: 20px;
line-height:28px
}
.block-why-what-how .text-content .read-more {
font-size: 16px;
margin-top: 1.25em;
text-decoration:underline
}
.block-why-what-how .text-content .collapsible {
max-height: 0;
overflow: hidden;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition:all .2s ease-in-out
}
.block-why-what-how .text-content .collapsible .inner-content {
padding-top:1.25em
}
.block-why-what-how .inner-section:last-child .text-content {
padding-bottom:0
}
.block-why-what-how .inner-contain {
max-width:1103px
}
@media (min-width: 768px) {
.block-why-what-how {
padding:120px 0
}
.block-why-what-how .heading h2:before {
left: -40px;
width:calc(100% + 80px)
}
.block-why-what-how .heading .strip {
height:calc(100% - 6px)
}
.block-why-what-how .text-content {
padding: 32px 0 120px
}
}