/* Fontography */
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../../../font/roboto/roboto-v49-latin-100.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-100.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 100; src: url('../../../font/roboto/roboto-v49-latin-100italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-100italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 200; src: url('../../../font/roboto/roboto-v49-latin-200.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-200.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 200; src: url('../../../font/roboto/roboto-v49-latin-200italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-200italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../../font/roboto/roboto-v49-latin-300.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-300.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../../../font/roboto/roboto-v49-latin-300italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-300italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../../font/roboto/roboto-v49-latin-regular.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-regular.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../../../font/roboto/roboto-v49-latin-italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../../font/roboto/roboto-v49-latin-500.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-500.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../../../font/roboto/roboto-v49-latin-500italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-500italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 600; src: url('../../../font/roboto/roboto-v49-latin-600.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-600.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 600; src: url('../../../font/roboto/roboto-v49-latin-600italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-600italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../../../font/roboto/roboto-v49-latin-700.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-700.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../../../font/roboto/roboto-v49-latin-700italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-700italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 800; src: url('../../../font/roboto/roboto-v49-latin-800.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-800.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 800; src: url('../../../font/roboto/roboto-v49-latin-800italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-800italic.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../../../font/roboto/roboto-v49-latin-900.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-900.ttf') format('truetype'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../../../font/roboto/roboto-v49-latin-900italic.woff2') format('woff2'), url('../../../font/roboto/roboto-v49-latin-900italic.ttf') format('truetype'); }

:root {
  --scp-black: rgba(0,0,0,1);
  --scp-brand-color: rgba(0,36,57,1);
  --scp-brand-color-dark: rgba(0,18,29,1);
  --scp-brand-color-green: rgba(112,189,149,1);
  --scp-brand-color-light: rgba(0,91,144,1);
  --scp-brand-color-mist: rgba(0,36,57,0.5);
  --scp-brand-color-mist-heavy: rgba(0,36,57,0.9);
  --scp-brand-color-text: rgba(0,36,57,1);
  --scp-gray-10: rgba(242,242,242,1);
  --scp-gray-20: rgba(219,219,220,1);
  --scp-gray-30: rgba(191,191,191,1);
  --scp-gray-70: rgba(72,72,72,1);
  --scp-gray-80: rgba(50,50,50,1);
  --scp-gray-90: rgba(34,34,34,1);
  --scp-primary-dark-green: rgba(0,129,99,1);
  --scp-secondaryapple-green: rgba(118,197,18,1);
  --scp-secondarylime-green: rgba(183,241,0,1);
  --scp-secondaryorange: rgba(255,150,0,1);
  --scp-secondarypink: rgba(255,0,128,1);
  --scp-white: rgba(255,255,255,1);
}

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 10px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text,
.gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
html, body { margin: 0; padding: 0; overflow-x: hidden; font-size: 16px; line-height: 1.5; background: #fff; font-family: 'Roboto', sans-serif; font-weight: normal; color: var(--scp-brand-color-text); }
img { max-width: 100%; height: auto; border: none; outline: none; display: block; }
main { display: block; }
body > img { display: none; }
.skip { position: absolute; top: 0; left: 0; width: 0 !important; height: 0 !important; background: transparent; color: transparent; overflow: hidden; }
.grecaptcha-badge { visibility: hidden; }
input[type="button"], input[type="submit"] { -webkit-appearance: none !important; }
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child { margin-bottom: 0; }
p:first-child, ul:first-child, ol:first-child, blockquote:first-child { margin-top: 0; }
strong { font-weight: 700; }
sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 65%; }
sub { top: 0.4em; }
.embed-container, .video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0; }
.embed-container:last-child { margin: 0; }
.embed-container iframe, .embed-container object, .embed-container embed, .video-embed embed, .video-embed object, .video-embed video, .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.gmap-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 0 30px 0; }
.gmap-embed-container:last-child { margin: 0; }
.gmap-embed-container iframe, .gmap-embed-container object, .gmap-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

h1, h2,  h3, h4, h5, h6 { font-weight: 400; padding: 0; margin: 0; }
h2 { font-size: 2.6rem; line-height: 3.6rem; }
h3 { font-size: 2.3rem; line-height: 3.3rem; }
h4 { font-size: 2.0rem; line-height: 3.0rem; }
h5 { font-size: 1.7rem; line-height: 2.7rem; }
h6 { font-size: 1.4rem; line-height: 2.4rem; }
p { font-size: 1.25rem; line-height: 2.25rem; padding: 0; margin: 1.25rem 0 0 0; }

.ctr-pad-ver-none-bottom { padding-bottom: 0; }
.ctr-pad-ver-none-top { padding-top: 0; }
.ctr-pad-ver-xxxs { padding-top: 4px; padding-bottom: 4px; }
.ctr-pad-ver-xxs { padding-top: 8px; padding-bottom: 8px; }
.ctr-pad-ver-xs { padding-top: 16px; padding-bottom: 16px; }
.ctr-pad-ver-xs-top { padding-top: 16px; }
.ctr-pad-ver-s { padding-top: 32px; padding-bottom: 32px; }
.ctr-pad-ver-s-bottom { padding-bottom: 32px; }
.ctr-pad-ver-s-top { padding-top: 32px; }
.ctr-pad-ver-m { padding-top: 48px; padding-bottom: 48px; }
.ctr-pad-ver-m-bottom { padding-bottom: 48px; }
.ctr-pad-ver-l { padding-top: 64px; padding-bottom: 64px; }
.ctr-pad-ver-l-bottom { padding-bottom: 64px; }
.ctr-pad-ver-l-top { padding-top: 64px; }
.ctr-pad-ver-xl { padding-top: 96px; padding-bottom: 96px; }
.ctr-pad-ver-xl-bottom { padding-bottom: 96px; }
.ctr-pad-ver-xl-top { padding-top: 96px; }
.ctr-pad-ver-xxl { padding-top: 128px; padding-bottom: 128px; }
.ctr-pad-ver-xxl-top { padding-top: 128px; }

.ctr-pad-hor-none-r { padding-right: 0; }
.ctr-pad-hor-xs { padding-left: 16px; padding-right: 16px; }
.ctr-pad-hor-s { padding-left: 32px; padding-right: 32px; }
.ctr-pad-hor-m { padding-left: 48px; padding-right: 48px; }
.ctr-pad-hor-m-l { padding-left: 48px; }
.ctr-pad-hor-m-r { padding-right: 48px; }
.ctr-pad-hor-l { padding-left: 64px; padding-right: 64px; }
.ctr-pad-hor-xl { padding-left: 96px; padding-right: 96px; }

.ctr { width: 100%; }
.ctr-size-xs { max-width: 720px; }
.ctr-size-xs-h { max-width: calc(720px / 2); }
.ctr-size-s { max-width: 960px; }
.ctr-size-s-h { max-width: calc(960px / 2); }
.ctr-size-m { max-width: 1024px; }
.ctr-size-m-h { max-width: calc(1024px / 2); }
.ctr-size-l { max-width: 1280px; }
.ctr-size-l-h { max-width: calc(1280px / 2); }
.ctr-size-l-h-ga { max-width: calc((1280px / 2) + 24px); }
.ctr-size-l-forty-pct { max-width: calc((1280px * .4) - 48px); }
.ctr-size-xl { max-width: 1440px; }
.ctr-size-xl-h { max-width: calc(1440px / 2); }
.ctr-grid { display: grid; grid-gap: 48px; }
.ctr-fullwidth { max-width: 100%; }
.ctr-readable { max-width: 1080px; margin: 0 auto; }
.ctr-readable-h { max-width: calc(1080px / 2); }
.ctr-center { margin-left: auto; margin-right: auto; }
.ctr-left { margin-right: auto; }
.ctr-right { margin-left: auto; }
.ctr-grid-2-even { grid-template-columns: repeat(2, 1fr); }

header { box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); background: #fff; position: fixed; top: 0; left: 0; width: 100%; /*background: transparent;*/ transition: all 0.3s ease; z-index: 1000; /*padding: 0 2rem;*/ }
header .logo { flex-shrink: 0;margin: 18px 0; }
header .logo-img { height: 40px; transition: width 0.3s ease; }
nav { display: flex; gap: 1rem; align-items: center; font-size: 1rem; line-height: 1rem; }
header nav a { text-decoration: none; color: var(--scp-brand-color-text); font-weight: 400; transition: color 0.3s ease; }
header nav ul { display: flex; list-style: none; margin: 0; padding: 0; }
header nav ul.sub-menu { background: #fff; display: none; border-top: 1px solid #ddd; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100vw; padding: 3rem; flex-direction: column; min-width: 200px; border-radius: 0; z-index: 999; justify-content: center; gap: 1rem; box-sizing: border-box; }
header nav ul.sub-menu a { font-weight: 300; font-size: 1.25rem; position: relative; color: #000; display: block; white-space: nowrap; padding: 1rem; width: 100%; }
header nav .mega-menu ul.sub-menu a { font-size: 15px; line-height: 15px; padding: 16px 0; }
header nav ul.sub-menu li { width: 100%; }
header nav ul.sub-menu a:hover { text-decoration: underline; }
header nav li { display: flex; flex-direction: column; }
header nav > ul > li > a { padding: 32px 16px 23px 16px; position: relative; display: block; transition: padding 0.3s ease; }
header nav > ul > li > a:hover { color: #000; }
header nav li.nav-item-active > ul.sub-menu { display: table; background: #fff; }
header nav li.mega-menu.nav-item-active .sub-menu { display: table; }
header .menu-toggle span { background: #000; }
header nav li.nav-item-active > ul.sub-menu .sub-menu-inner { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1100px; margin: 0 auto; grid-gap: 0 2rem; }
header nav li.nav-item-active.mega-menu > ul.sub-menu .sub-menu-inner { grid-template-columns: repeat(6, 1fr); grid-gap: 48px 16px; max-width: 1280px; }
header nav > ul > li > a:after { content: ""; height: 1px; background-color: transparent; display: block; margin: 4px auto 0 0; width: 0; transition: width 0.3s ease-out, background-color 0.3s ease-out; }
header nav > ul > li:hover > a::after { width: 100%; background-color: #000; background-color: var(--scp-primary-dark-green); }
.nav-inner { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
header .nav-inner .search-activator { width: 24px; aspect-ratio: 1 / 1; display: block; cursor: pointer; }
header .nav-inner .search-activator svg { display: block; width: 100%; height: auto; }
ul.sub-menu-alt { display: table; border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 16px; }
header nav .mega-menu ul.sub-menu-alt a { padding: 8px 0; }

.menu-toggle { width: 32px; height: 24px; position: relative; display: none; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; z-index: 20; }
.menu-toggle span { display: block; position: absolute; width: 100%; height: 3px; background: white; border-radius: 2px; transition: all 0.3s ease; left: 0; }
.menu-toggle span:nth-child(1) { top: 0; }
.menu-toggle span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.menu-toggle span:nth-child(3) { bottom: 0; }
.menu-toggle.active span:nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { top: 50%; bottom: auto; transform: translateY(-50%) rotate(-45deg); }
.search-sizer { display: block; width: 265px; padding: 0; margin: 0; display: grid; justify-content: end; }
.sub-menu a::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(-10px); width: 20px; height: 20px; opacity: 0; transition: opacity 0.35s ease, transform 0.35s ease; fill: var(--scp-primary-dark-green); background-image: url('../../../img/ui/arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; }

.sub-menu a:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }

.topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.topbar a { text-decoration: none; color: var(--scp-brand-color-text); }
.topbar a:hover { color: var(--scp-primary-dark-green); text-decoration: underline; }
.topbar-inner { text-align: right; font-size: .825rem; line-height: 1rem; color: var(--scp-brand-color-text); }

/* Search Overlay */
.search-overlay { position: fixed; display: none; height: 100%; width: 100%; text-align: center; background: var(--scp-brand-color-mist-heavy); backdrop-filter: blur(8px); top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; }
.search-overlay-visible { display: table; }
.search-overlay .search-container { display: table-cell; vertical-align: middle; width: 100%; z-index: 110; }
.search-overlay .search-container form { display: inline-block; width: 100%; max-width: 600px; max-width: 60vw; padding-top: 100px; padding-bottom: 100px; }
.search-overlay .search-container form .search-container-form { width: 100%; max-width: none; position: relative; }
.search-overlay .search-container form .search-container-form input { outline: none; border: unset; background: transparent; display: inline-block; margin: 0px; width: 100%; font-size: 28px; font-size: 3.5vh; font-weight: 200; padding: .8em 3em .8em 1.5em; border-bottom: 1px solid var(--scp-brand-color-light); color: var(--scp-white); }
.search-overlay form input::-webkit-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-moz-placeholder { color: var(--scp-whiten); opacity: 1; }
.search-overlay form input:-ms-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-ms-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-webkit-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input::-moz-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input:-ms-input-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay form input:-moz-placeholder { color: var(--scp-white); opacity: 1; }
.search-overlay .search-placeholder-icon { display: block; position: absolute; top: 50%; right: 3em; width: 3.8vh; height: 3.8vh; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.search-overlay .search-placeholder-icon svg { width: 100%; height: 100%; fill: var(--scp-white); color: var(--scp-brand-color-light); }
.nav-overlay { position: fixed; inset: 0; background: var(--scp-brand-color-mist-heavy); backdrop-filter: blur(8px); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9; top: 76px; }
.nav-overlay.active { opacity: 1; pointer-events: auto; }

main, .hero-single-static { margin-top: 76px; }
.hero-single-static + main { margin-top: unset; }

.hero-single-static { background: var(--scp-brand-color); grid-gap: 0; }
.hero-single-static .img-frame { background-size: cover; background-position: center; background-repeat: no-repeat; }
.prehead { font-weight: 500; display: inline-flex; align-items: center; gap: 16px; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--scp-brand-color-green); }
.prehead__icon { width: 24px; height: 24px; flex-shrink: 0; }
.hero-single-static h1 { color: var(--scp-white); word-break: break-word; font-size: 1.875rem; line-height: 2.1875rem; font-weight: 300; margin-top: 1.25rem; }

.brand-btn { position: relative; display: inline-flex; align-items: center; gap: 56px; padding: .75rem 1.875rem; font-weight: 500; color: var(--scp-brand-color-dark); background: transparent; border: 1px solid var(--scp-brand-color-dark); border-radius: 50px; cursor: pointer; overflow: hidden; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; background: #fff; font-size: .75rem; line-height: 1rem; }
.hero-single-static .brand-btn { margin-top: 64px; }
.brand-btn::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--scp-brand-color-green); border-radius: 50px; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.brand-btn:hover::before { width: 100%; }
.btn-text { position: relative; z-index: 1; }
.btn-arrow { position: relative; z-index: 1; display: flex; align-items: center; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.brand-btn:hover .btn-arrow { transform: translateX(6px); }
.arrow-svg { width: 20px; height: 20px; }

.splide-content { background: #fff; grid-template-columns: 40% 60%; grid-gap: 0; align-items: start; overflow: visible !important; }
.pane-left { background: #fff; /*padding: 32px;*/ box-sizing: border-box; }
.pane-right { position: relative; overflow-y: visible; z-index: 1; display: flex; flex-direction: column; justify-content: flex-start; min-height: 100%; box-sizing: border-box; }
.carousel { padding: 0; position: relative; z-index: 2; }
.carousel .splide__track { transform: translateY(-36px); overflow-x: hidden !important; overflow-y: visible !important; }
.carousel .splide__track, .carousel .splide__list { padding: 0 !important; margin: 0 !important; }
.carousel .splide__slide { position: relative; overflow: visible; box-shadow: 0 8px 8px -4px rgba(0,0,0,0.2); margin-bottom: 16px; height: 400px; display: grid; place-items: stretch; background-color: #0b1020; background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide-meta { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; color: var(--scp-primary-dark-green); padding: 28px 32px; box-sizing: border-box; display: grid; gap: 8px; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%); transition: padding-bottom 0.3s ease; }
.splide__slide:hover .slide-meta { padding-bottom: 48px; }
.slide-meta strong { margin: 0; font-size: .75rem; line-height: 1rem; font-weight: 400; text-transform: uppercase; }
.slide-meta h3 { margin: 8px 0 0 0; color: var(--scp-brand-color-text); font-size: 1.25rem; line-height: 1.5625rem; font-weight: 300; }
.slide-meta p { margin: 0; font-size: 0.95rem; opacity: 0.9; }
.slide-meta a, .slide-meta .psd-anchor { margin: 16px 0 0 0; color: var(--scp-brand-color-text); text-decoration: none; font-weight: 400; font-size: .75rem; line-height: 1.125rem; }
.slide-meta a:hover { text-decoration: underline; }
.controls { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px; margin-top: 8px; padding: 0 0 24px 0; }
.nav-buttons { display: inline-flex; gap: 8px; }
.splide-btn { appearance: none; border: 1px solid rgba(0,36,57,1); background: #ffffff; border-radius: 999px; padding: 16px; font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: transform 120ms ease, background 120ms ease, border-color 120ms ease; }
.splide-btn:hover { background: rgba(112,189,149,1); border: 1px solid rgba(112,189,149,1); transform: translateY(-1px); }
.splide-btn:hover svg { fill: #fff; }
.splide-btn:first-of-type svg { transform: rotate(180deg); }
.pager { justify-self: center; display: flex; align-items: center; }
.pager .splide__pagination { position: static; display: inline-flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
.pager .splide__pagination__page { width: 25px; height: 2px; border-radius: 0; background: rgba(2, 6, 23, 0.25); border: 0; padding: 0; transition: transform 140ms ease, background 140ms ease; }
.pager .splide__pagination__page.is-active { transform: scale(1); background: rgba(0,18,29,1); }
.carousel .splide__arrows { display: none !important; }
#splide-carousel { overflow: visible !important; }
.slide-meta-icon { position: absolute; top: 28px; right: 32px; width: 14px; height: 14px; z-index: 10; fill: var(--scp-primary-dark-green); }
.ns-ui { display: none; }
.ui-icon { display: block; width: 14px; height: 14px; aspect-ratio: 1 / 1; }
.ui-icon svg { display: block; width: 100%; height: 100%; fill: rgba(112,189,149,1); }

.splide-content .splide-headline { display: block; margin-top: 16px; font-weight: 300; font-style: normal; font-size: 2.375rem; line-height: 2.875rem; }
.splide-content .splide-intro { font-size: 1rem; line-height: 1.5; margin-top: 16px; }
.splide-content .brand-btn { margin-top: 32px; color: #fff; background: var(--scp-brand-color); border: none; }
.splide-content .brand-btn svg { fill: var(--scp-brand-color-green); color: var(--scp-brand-color-green); }
.splide-content .brand-btn:hover svg { fill: var(--scp-brand-color); color: var(--scp-brand-color); }

.grid-list-list { display: flex; justify-content: center; list-style: none; padding: 0; gap: 1rem; flex-wrap: wrap; }
.grid-list-list > * { flex: 0 0 25%; max-width: 25%; }
.grid-list-list li { position: relative; overflow: visible; box-shadow: 0 8px 8px -4px rgba(0,0,0,0.2); margin-bottom: 16px; height: 400px; display: grid; place-items: stretch; background-color: #0b1020; background-size: cover; background-position: center; background-repeat: no-repeat; }
.grid-list-list li .meta { position: absolute; left: 0; right: 0; bottom: 0; background: var(--scp-primary-dark-green); color: #fff; padding: 28px 32px; box-sizing: border-box; display: grid; gap: 8px; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%); transition: padding-bottom 0.3s ease; }
.grid-list-list li:hover .meta  { padding-bottom: 48px; }
.grid-list-list li strong { margin: 0; font-size: .75rem; line-height: 1rem; font-weight: 400; text-transform: uppercase; }
.grid-list-list li h3 { display: block; height: 65px; margin: 8px 0 0 0; color: #fff; font-size: 1.25rem; line-height: 1.5625rem; font-weight: 300; }
.grid-list-list li p { margin: 0; font-size: 0.95rem; opacity: 0.9; }
.grid-list-list li > a { postion: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid-list-list li a, .grid-list-list li .psd-anchor { margin: 16px 0 0 0; color: #fff; text-decoration: none; font-weight: 400; font-size: .75rem; line-height: 1.125rem; }
.grid-list-list li .meta-icon { position: absolute; top: 28px; right: 32px; width: 14px; height: 14px; z-index: 10; fill: #fff; }
.grid-list-list li .taxonomy { position: absolute; top: 16px; left: 32px; display: flex; gap: 6px; }
.grid-list-list li .taxonomy a { text-transform: uppercase; display: inline-block; padding: 4px 8px; background: var(--scp-primary-dark-green); position: relative; z-index: 2; }

.color-grid-list-list { grid-template-columns: repeat(4, 1fr); grid-gap: 0; list-style: none; padding: 0; margin: 0; }
.color-grid-list-list > * { aspect-ratio: 6 / 5; padding: 32px; position: relative; height: 100%; transition: all 0.3s ease; }
.color-grid-list-list > *:nth-of-type(1) { background: var(--scp-brand-color); }
.color-grid-list-list > *:nth-of-type(1) .meta-icon svg { fill: var(--scp-brand-color-green); }
.color-grid-list-list > *:nth-of-type(2) { background: var(--scp-primary-dark-green); }
.color-grid-list-list > *:nth-of-type(2) .meta-icon svg { fill: var(--scp-secondarylime-green); }
.color-grid-list-list > *:nth-of-type(3) { background: var(--scp-brand-color); }
.color-grid-list-list > *:nth-of-type(3) .meta-icon svg { fill: var(--scp-primary-dark-green); }
.color-grid-list-list > *:nth-of-type(4) { background: var(--scp-primary-dark-green); }
.color-grid-list-list > *:nth-of-type(4) .meta-icon svg { fill: var(--scp-secondarylime-green); }
.color-grid-list-list > *:hover { background: #fff !important; transition: all 0.3s ease; }
.color-grid-list-list li .meta-icon { height: 48px; width: auto; display: block; position: absolute; top: 32px; right: 32px; transition: all 0.3s ease; }
.color-grid-list-list li .meta-icon svg { display: block; height: 48px; }
.color-grid-list-list li:hover .meta-icon { transform: translate(8px, -8px); transition: all 0.3s ease; }
.color-grid-list-list li .psd-anchor { text-decoration: underline; color: #fff; position: absolute; display: block; bottom: 32px; left: 32px; text-transform: uppercase; font-weight: 400; font-size: .725rem; }
.color-grid-list-list li:hover .psd-anchor { color: var(--scp-brand-color-dark); }
.color-grid-list-list li h3 { max-width: calc(100% - 64px); font-size: 1.75rem; line-height: 1.875rem; color: #fff; display: block; position: absolute; bottom: 64px; left: 32px; }
.color-grid-list-list li:hover h3 { color: var(--scp-brand-color-dark); }
.color-grid-list-list li > a { display: block; position: absolute; top: 0; width: 100%; left: 0; height: 100%; }
.cta { margin-top: 16px !important; }

.footer { background: var(--scp-brand-color); color: #fff; border-top: 1px solid #fff; }
.footer .logo { height: 85px; width: auto; display: table; }
.footer .logo svg, .footer .logo img { display: block; height: 85px; width: auto; }
.footer-nav { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 48px; }

#footer-navigation a {
  color: rgba(255, 255, 255, 0.625);
  text-decoration: none;
}
#footer-navigation {
  list-style: none;
  display: flex;
  gap: 32px;
  width: auto;
  justify-content: center;
}


/* Special mobile UI/UX improvement tweaks */
@media screen and (min-width: 960px) {
	a,
	svg,
	.svg-icon,
	button,
	input { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

	a:hover,
	svg:hover,
	.svg-icon:hover,
	button:hover,
	input:hover, { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

	.fast-transition,
	.fast-transition:hover { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.medium-transition,
	.medium-transition:hover { -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
	.slow-transition,
	.slow-transition:hover { -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
}

/* Place responsiveness below */
@media screen and (max-width: 1200px) {
	.search-sizer { width: auto; }
}

@media screen and (max-width: 1140px) {
	.color-grid-list-list { grid-template-columns: repeat(2, 1fr); grid-gap: 16px; }
}

@media screen and (max-width: 960px) {
	.menu-toggle { display: flex; }
	header nav a:hover { text-decoration: none; }
	header nav { overflow-y: auto; display: none; position: fixed; top: 140px; left: 0; width: 100%; flex-direction: column; padding: 0 32px 32px 32px; height: calc(100dvh - 140px); }
	header nav { top: 72px; height: calc(100dvh - 72px); }
	.is-spoke header nav { top: 109px; height: calc(100dvh - 109px); }
	header nav.active { display: flex; background: #fff; }
	header nav ul { flex-direction: column; width: 100%; }
	header nav > ul > li > a, header nav > div > ul > li > a { text-transform: uppercase; font-weight: 300; font-size: 20px; line-height: 32px; text-align: right; padding: 16px 32px; display: block; width: 100%; }
	header nav ul.sub-menu a:hover { text-decoration: none; }
	header nav > ul > li > a::after, header nav > div > ul > li > a::after { display: none; }
	header nav > ul > li:last-child > a, header nav > div > ul > li:last-child > a { border-radius: 3.125rem; padding: .75rem 1.875rem; text-align: center; background: var(--scp-brand-color); color: var(--scp-white) !important; min-width: 80%; width: fit-content; margin: 64px auto 0 auto; }

	header nav li.nav-item-active > ul.sub-menu { display: flex; }
	header nav ul.sub-menu a { text-align: right; }
	header nav ul.sub-menu { position: relative; top: unset; left: unset; transform: unset; width: 100%; padding: 1rem; flex-direction: column; justify-content: center; gap: 1rem; }
	.search-sizer { display: none; }

	header nav li.nav-item-active > ul.sub-menu .sub-menu-inner { display: grid; grid-template-columns: 1fr; max-width: 100%; margin: 0; grid-gap: 0; }
	header nav li.nav-item-active.mega-menu > ul.sub-menu .sub-menu-inner { grid-template-columns: 1fr; grid-gap: 0 16px; }
	.submenu-toggle { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-left: 8px; }
	.submenu-toggle svg { display: block; width: auto; height: 80%; }
	.sub-menu a::after, .sub-menu a:hover::after { background: unset; opacity: 0; transform: unset; }
	header nav .mega-menu ul.sub-menu a { font-size: 1.25rem; }

	.hero-single-static { grid-template-columns: 1fr; }
	.hero-single-static > *:nth-child(2) { display: none; }

	.ctr-center-m { margin-left: auto; margin-right: auto; }

	.splide-content {	grid-template-columns: 1fr; }
	.pane-left { border-right: 0; border-bottom: 1px solid rgba(2, 6, 23, 0.06); }

	.ctr-size-l-h { max-width: 100%; }
	.ctr-size-l-forty-pct { max-width: 100%; }
	.ctr-pad-hor-m-mo { padding-left: 48px; padding-right: 48px; }
	.carousel .splide__track { transform: none; }
	.carousel .controls { margin-top: 32px; }
	ul.sub-menu-alt { display: table; border-top: none; padding: 0 0 16px 0; border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 0 0 16px 0; }
	.grid-list-list > * { flex: 0 0 50%; max-width: calc(50% - .5rem); }
}

@media screen and (max-width: 720px) {
	.grid-list-list { justify-content: flex-start; }
	.grid-list-list > * { flex: 0 0 100%; max-width: 100%; }
	.color-grid-list-list { grid-template-columns: 1fr; grid-gap: 8px; }
}

@media screen and (max-width: 640px) {

}

/* Animation */